使用VUE动态追加多选和单选,选中样式

实用场景

多选多个”车系“,并为每个选中的span添加样式
在这里插入图片描述
思路
元素上,动态绑定类名active,为item添加布尔类型的属性active,绑定点击事件,传递参数item,在事件函数中判断是否item是否存在active属性,存在的话,设置属性值为false,不存在的话,设置为true,就可以达到选中添加样式

html部分
在这里插入图片描述

js部分
在这里插入图片描述
如果为单选,需要清除其他元素样式,那么请保留Vue.set(elem,‘active’,false);

备注: 为item添加不存在的属性,需要使用vue提供的Vue.set( object, key, value )方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值