场景:
点击详情,弹出弹框展示当前行的数据。
回显以后点击复选框,无勾选效果。
解决方案:
第一种方法
this.$set(object,key,value)
官方定义:
Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上.
this.$set(this.form, "type", arr);
第二种方法
强制更新$forceUpdate()
调用强制更新会更新视图和数据,触发update生命周期。
<el-checkbox-group v-model="form.type" @change="$forceUpdate()">
</el-checkbox-group>