如下所示:
<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>
< >
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;
}
}
})
</ >
以上这篇vue--点击当前增加class,其他删除class的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
-
假设我们都失去视觉——淘宝的无障碍化建设 | 开发者必读(061期)
2026-05-18栏目: 教程
-
阿里巴巴“新六脉神剑”来了
2026-05-18栏目: 教程
-
RocketMQ消息轨迹-设计篇
2026-05-18栏目: 教程
-
前端进阶|第七天 携程笔试题,嵌套数组去层级去重并排序
2026-05-18栏目: 教程
-
阿里巴巴“新六脉神剑”背后的故事
2026-05-18栏目: 教程
