同级切换类名
代码:
<ul> <li v-for="(item,index) in items" :key="item.id" :class="{active:id==index}" @click="clickSwitch(index)"> {{ item.title }} </li> </ul>
js:
data() { return { id: 0, }; }, methods: { clickSwitch(index) { this.id = index; }, }
点击添加删除类名
代码:
<div :class="{‘active‘:isCloned}" @click="togglePay">点击切换样式</div>
js:
data() { return { isCloned: false, }; }, methods: { togglePay() { this.isCloned = !this.isCloned; } }
原文:https://www.cnblogs.com/jiekemaya/p/14718512.html