element的el-checkbox点击不刷新

开发的过程中发现el-checkbox点击不刷新,但是调试输出值有相应的改变

005931obbqyaoeyejjkmm7.png
发现动态添加的选择属性没有set和get

查询资料发现在实例创建之后如果我们再添加新的属性到对象里,并不会触发更新

Vue并不能检测到对象属性的添加以及删除,只有在实例创建时候的属性才具有

经过查阅我们可以使用this.$set(对象,属性,值)来对对象添加响应属性

修改代码为this.$set后选择框正确刷新

留下评论