vue 给循环生成的 li 动态绑定类

vue 给循环生成的 li 动态绑定类

<li :class="{'类名':touch == i}" v-for="(item, i) in 数组名" :key="i" @click="a(item,i)"></li>

需要准备

1.一个数组

2.一个touch的值。

3.一个点击事件 用来传递当前的值

 

data里面书写

data：{
    touch：null,
    数组名: [a,b,c]
}

点击事件

check(data, i) {
	this.touch = i;
},