vue--点击当前增加class,其他删除class

来源:互联网 发布:房产系统源码 编辑:程序博客网 时间:2024/06/01 08:12

<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>


0 0
原创粉丝点击