vue中要實現當前元素添加類同級兄弟元素移除類的效果，可使用v-bind:class；

v-bind:class支持變量，當變量發生變化的時候，class將發生變化；

實現方法舉例：

<template>

　　<div>

　　　　<ul>

　　　　　　<li v-for="(item,index) in liList" :key="index" :class="{active:index==current}" @click="addClass(index)">{{item.purpose}}</li>

　　　　</ul>

　　</div>

</template>

<script>
export default {
　　data(){
　　　　return {
　　　　　　liList:[
　　　　　　　　{purpose:'洗車'},
　　　　　　　　{purpose:'美容'},
　　　　　　　　{purpose:'養護'},
　　　　　　　　{purpose:'換件'}
　　　　　　],
　　　　　　current:1,//默認哪個有類名

　　　　}
　　},
　　methods：{
　　　　addClass(index){
　　　　　　this.current=index
　　　　}
　　}
}

總結

以上是生活随笔為你收集整理的vue中类似于jq中的ele.addClass(&#039;class&#039;).siblings().removeClass(&#039;class&#039;)效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。