vue实现，选中li标记class为cur，其他li的class不变

Question

问题描述

假如有3个li， 我选中第二个，第二个增加一个class为 cur， 其他两个li不变
jquery上很容易实现，有$(this).addclass存在，还可以removeClass另外没选中的
VUE上怎么写？ 求教

<ul>

<li class="nameLi" v-for="i in name">{{ i }} </li>

</ul>

VUE的JS要怎么写？

Answer 1

用一个变量进行控制,:class=" nameLi value ? 'active' : ''"
value是在data里面的变量 nameLi和active是类名