<!-- 循环渲染,然后判断-->
<div v-for = "(item,index) in datas" :class = "active == index ? 'addclass' : '' " @click='tapcar(index)'>
{{item}}
</div>
.addclass{
border: 1px solid #1890FF;
border-radius: 5px;
color: #1890FF;
}
var vone = new Vue({
el: '#one',
data: {
datas:[{}],
active : -1
},
methods: {
tapcar: function(index) {
this.active = index; //将被点击的元素的索引赋值给变量
}
}
}