当前位置:   article > 正文

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

el-checkbox-group 不能勾选

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

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

总结:

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

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/114268
推荐阅读
相关标签
  

闽ICP备14008679号