如下所示:

<div id="app">
<p v-for='(data,key,index) in datas' v-on:click="addclassfun(index)" v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p>
</div>
 
<script>
new vue({
el: '#app',
data: {
datas: {
data1: {
data: "测试1",
ifadd: 0
},
data2: {
data: "测试2",
ifadd: 1
},
data3: {
data: "测试3",
ifadd: 2
}
},
qwerqwre:"0"
},
 
 
methods: {
addclassfun: function(index) {
this.qwerqwre = index;
}
}
})
</script>

以上这篇vue--点击当前增加class,其他删除class的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇: Javascript 之封装(Package)

下一篇: vue绑定事件后获取绑定事件中的this方法

推荐阅读