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后,勾选项正常

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

总结:

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

 

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值