Checkbox 未使用VueJS 2选中复选框

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

但问题是，它没有将复选框设置为true或false。但是，this.checked的值将始终为“”

这是我的密码：

 <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
    }
  }
 }

对
导出默认值{
数据（）{
返回{
选中：“”
}
}
...
...
创建（）{
...
...
if（（response.data.categoryTypeId）==noSubCat）{
//复选框未选中
this.checked==false
}否则{
//复选框已选中
this.checked==true
}
}
}

您应该分配值，而不是与=

  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;

---

它应该是

this.checked=true

Hi@Pradeepb，是的，它应该是this.checked=true。这是我的一个粗心的错误！谢谢您的帮助：-）