vue中实现类似于jQuery中的ele.addClass('class').siblings().removeClass('class')效果

幽幽靖

于 2019-08-07 11:10:28 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： VUE

本文链接：https://blog.youkuaiyun.com/ws19900201/article/details/98733183

VUE 专栏收录该内容

70 篇文章

订阅专栏

在Vue项目中，模拟jQuery的addClass方法给指定元素添加类名，并使用siblings方法移除兄弟元素的类名。通过绑定点击事件和Vue的指令实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

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>

data () {
    return {
      current: 0, //默认第几个有 on
    }
}
addon (index) {
	this.current = index;
},