分享封装组件时卡住的问题

在这里插入图片描述

子组件封装radio的时候我们可以通过判断传出的radioIndex 来判断是否显示选中的样式,但是如果是多选框的话,这种方法就不行。

在这里卡住了,本来我是想用比较骇客的方法来实现的,就是全选了统一给上选中样式,全不选就全部取消。子组件通过自己的点击方法来实现选中样式。但是很多时候结果不符合预期,就放弃了这样的方法。之后就卡住,因为组件慢慢越写越大,我也有点混乱了。
在这里插入图片描述

然后我想到的用子组件拿到传回的索引值数组,然后在用索引数组来判断每一项的index从而显示选中样式,最后发现还是不可以,会出现下面的bug,可能是拿到的值和想象的不一样。

最后想到用选中后返回的对象列表去判断,对应的item来控制样式的显示最后发现可以了。后面又计算属性不能传值,所以讲计算属性返回一个函数后就可以传值了。
在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值