elementui el-checkbox改变其选中状态后,样式没有变化

1,597 阅读1分钟

我的需求是在弹出框中form表单里有单选框来控制树形结构展开收缩、父子联动,默认父子没有关联。当我点击父子联动选项生效之后,我不再继续操作。

image.png

点击弹出框取消按钮,重置表单所有内容,父子联动单选框的v-model的状态值也改为false

image.png

但是不刷新页面再次打开弹框时候父子联动的样式依然是选中状态,打印其状态值是false,已经改变。从网上看有的说是vue特性依旧用原来的view图层,没有重新渲染,有的说是没有强制监听checked属性。我也不懂其底层含义,就用了一个最简便的方法给el-checkbox加了个key,让其重新渲染元素。

<el-checkbox :key="new Date()" v-model="form.menuCheckStrictly">父子联动</el-checkbox>