本文探讨了在项目中遇到的多选框回填问题，当后端数据缺失'isChecked'属性时，如何通过前端处理来确保数据同步与复选框状态更新。重点介绍了两种解决策略：针对接口直接数据和父子组件间数据传递的处理方式。
在项目中会遇到多选回填操作
<el-checkbox v-model="item.isChecked" >
{{item.MEASURE}}
</el-checkbox>
经常会和数据中的一个属性绑定，常见为ischecked属性
在后端返回数据时 没有带有isChecked属性 就要前端forEach循环添加
这时会遇到添加属性后 复选框勾选渲染不及时变化 但数据里的isChecked属性值在变化的问题
且使用this.$forceUpdate();和$set()无效
解决情况如下
1如果是在当前页面从接口获取的数据
先对返回数据 res里的值进行forEach循环添加ischecked属性后再 赋值仓库中的变量
2如果是在父组件的数据传给子组件的情况时
先在父组件中先对数据forEach循环添加ischecked属性 后再传给子组件可解决
这应该是页面渲染的问题
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
