代码:
html
<li v-for="(item, index) in tabList"
:key="index"
:class="[item.isChoose, item.tclass, {on:index == current}]"
@click="addon(index)">
<p>{{item.ttext}}<i></i></p>
</li>
js
data () {
return {
current: 0, //默认第几个有 on
}
}
addon (index) {
this.current = index;
},
在Vue项目中,模拟jQuery的addClass方法给指定元素添加类名,并使用siblings方法移除兄弟元素的类名。通过绑定点击事件和Vue的指令实现这一功能。
1万+

被折叠的 条评论
为什么被折叠?



