猿问

vue中请问v-for循环数组如何让数组里包含的某些元素显示动态样式。

选择一个模块push两个值到一个数组

打印出来是这样;
然后将数组保存到
data里return的resarray[];

https://img.mukewang.com/5ca4255b0001ffce03280033.jpg

现在v-for循环所有列表到页面上:

https://img.mukewang.com/5ca4255d0001cba405950099.jpg

这就是所有的列表id,现在要求给resarray里的id添加动态样式,也就是选中的,请问这样应该如何做判断,我是这样写的但是感觉无用

https://img2.mukewang.com/5ca4255f0001e7d608000014.jpg

求大神指点


繁星点点滴滴
浏览 1931回答 2
2回答

茅侃侃

写给循环数组arr里的每一列添加一个属性isClick: false,给每个列表的点击事件传index索引作为参数,点击事件得到索引。 再给改变相应的列表里的isClick属性:arr[index].isClick = true,然后再html里做判断:class="{{item.isClick ? 'active' : '' }}"

HUX布斯

你的代码不全啊这怎么看
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答