通过v-for渲染出来的列表怎么改变单个item的样式? 财富值18

2016-10-19 17:42发布

<ul class="balls red-balls">     <li v-for="num in 33" v-on:click="select" v-bind:class="{selected:isSelected}">{{num}}</li> </ul>  

能否不操纵DOM,点击单个li后改变其样式。而不是所有li的样式都改变

需求是这样的,点击红球或者蓝球后改变样式。数据层比较好处理,每次点击将li里的值push到一个数组里。但是怎么在视图上体现出来?

付费偷看设置
发送
2条回答

传入$event,操作$event.target

可以向事件传参数,根据参数做不同的样式改变