场景: 编辑内容有需要给多选框绑定数组——该数据需要从后台获取。
结果给v-model绑定的变量赋值后多选框的数据改变,但是视图效果没有更新。
该处下次贴图
原因: Vue 不允许动态添加根级别的响应式 property。
解决方案:
可以使用 深度响应式
Vue.set(Object, 'key', "value")
或者vm.$set 实例方法,这也是全局 Vue.set 方法的别名:
this.$set(Object, 'key', "value")
场景: 编辑内容有需要给多选框绑定数组——该数据需要从后台获取。
结果给v-model绑定的变量赋值后多选框的数据改变,但是视图效果没有更新。
该处下次贴图
原因: Vue 不允许动态添加根级别的响应式 property。
解决方案:
可以使用 深度响应式
Vue.set(Object, 'key', "value")
或者vm.$set 实例方法,这也是全局 Vue.set 方法的别名:
this.$set(Object, 'key', "value")