el-checkbox在el-dialog里 不会被勾选的问题

首先,前端使用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后,勾选项正常

但这个方法不完美,有强制刷新页面效果,且观感明显。

总结:

问题暂时解决,但根本没有解决,坐等其他大佬方法 

 

 

你可能感兴趣的:(vue.js,elementui,javascript)