关于table嵌套的下拉框,增加全选实现不了的问题

在这里踩得坑太让我难受了,必须记录一下(菜鸟开发)

公司的结构是table嵌套select,因为这样的嵌套,导致嵌套太深,多处用到深拷贝实现,奈何我是个菜鸡,浅拷贝,我真的不会啊~~臣妾做不到啊!!

如图:

 公司需求:在判断是否是码值(当==2的时候就是码值),是码值时在potion列表中增加一个全选框

所以如图所示,我在element-ui中找到了全选框,checkbox加在了option中,这时候我还没意识在,我要接下来踩得坑多深

正常如图所写,给全选框加了一个change事件

 

 

 

 完成!!

你以为就完事了吗??那你还是太年轻,真正的坑是下面

当我点击全选时option数据得到了回响,所以看似没有了问题,但是当我点击单选来响应全选的时候,却发现没有办法实现,我才发现我没有写单选响应多选的问题

一开始我没办法拿到v-model双向绑定的对象我没办法拿到,得不到响应,所以我只能是拿它的上一级,数组!,但是数组是没有属性的,只能通过他的下标index来拿

 

 

 多选因为双向绑定变成了businessTableData[scope.$index].dictValue,那么,也不能想之前那样写

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值