首先,前端使用vue2+elementui进行开发。
在实际项目中遇到这么一个问题,在table列表中有一个button,点击后展开dialog,dialog里包含了多选checkbox,而根据后台返回的数据要进行多选框的勾选
实际情况是,get数据正常,但dialog展开后,其中的checkbox全部没有被勾选
尝试解决问题:
1.el-checkbox上层为el-checkbox-group,不仅get数据后不会被勾选,还出现了选择一个则全部都被选择的问题(这个问题这里不做赘述,其他大佬有解决方法,详见其他解决方法)
2.去掉el-checkbox-group后,dialog展开后还是为被勾选,但是可以正常点击勾选了
3.dialog增加destroy-on-close

结果为首次点击后可以正常勾选get的数据,但是再次点击其他行,被勾选的选项还是上一次数据
即除了首次外,点击行按钮,展开的dialog后勾选的checkbox均为上一次展开dialog勾选的数据
4.增加this.$nextTick
结果为展开dialog后,勾选项正常
但这个方法不完美,有强制刷新页面效果,且观感明显。
总结:
问题暂时解决,但根本没有解决,坐等其他大佬方法
在Vue2项目中使用ElementUI开发时,遇到表格内按钮触发Dialog,Dialog内的多选Checkbox无法正确根据后台返回数据勾选的问题。尝试了el-checkbox-group、destroy-on-close属性以及this.$nextTick方法,虽有部分效果,但未能根本解决问题。目前,首次点击可正常勾选,但后续点击其他行会显示上一次的勾选状态,寻求解决方案。

1万+

被折叠的 条评论
为什么被折叠?



