el-checkbox-group与el-table的选择出现“粘连现象”

description:
当带有选择模式的el-table,在el-checkbox-group上下文内时,会出现“选择粘连”现象;
推广地,当多个,带有选择模式的el-table,在同一个,el-checkbox-group上下文内时,会出现广义的“选择粘连”现象;

explain:
“选择粘连”:选择一个选项时,同上下文的其他所有选项也会变成相同状态;

key point:
在el-checkbox-group上下文中,它负责搜集文中各el-checkbox的状态(label属性的值)——这就要求:对于每一个el-checkbox,都要指定唯一的label;
默认地,在el-table启动选择模式时,它所用的所有el-checkbox,它们的label都未被明确指定(或者可以理解为,它们的label都有一个逻辑值,叫作空,此时,并不唯一!),
因此,导致了问题的产生。

解决:
当需要在带有选择模式的el-table外面使用el-checkbox时,建议不使用el-checkbox-group,单独使用el-checkbox,单独给每个el-checkbox绑定一个v-model

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值