Question

我使用Axios从我的服务器获取数据。基本上，我想要实现的是使用GET请求的响应并获取数据，根据响应将复选框设置为true或false。

但问题是，它没有将复选框设置为true或false。但是，this.checked的价值永远是＆＃34;＆＃34;。

这是我的代码：

 <template>
        <input type="checkbox" value="Yes" v-model="checked">Yes</label> 
 </template>

export default {
  data () {
    return {
      checked: ''
    }
  }


  ...
  ...

 created () {
    ...
    ...
    if ((response.data.categoryTypeId) === noSubCat) {
      // checkbox is not checked
      this.checked === false
    } else {
      // checkbox is checked
      this.checked === true
    }
  }
 }

Answer 1

你应该分配价值，而不是与 === 进行比较

  created () {
    ...
    ...
    if ((response.data.categoryTypeId) === noSubCat) {
      // checkbox is not checked
      // this.checked === false // this is a comparison
      // I guess is assign what you want.     
      this.checked = false
    } else {
      // checkbox is checked
      this.checked = true
    }
  }
 }

您可以将上面的代码简化为以下内容：

this.checkbox = (response.data.categoryTypeId) === noSubCat ? false : true;

未使用VueJS 2检查复选框

1 个答案: