<!-- 利用绑定class属性的方法,来判断当前点击的索引是哪个 -->
<li
v-for="(item,index) in classInfo"
:key="index"
:class="{active: isActive==index}"
@click="isActive=index">
{{item.value}}
</li>
<script>
export default {
data () {
return {
isActive: undefined,
}
}
}
</script>