vue 点击谁 谁变色（添加class属性）改变当前元素样式
2019-06-04 本文已影响0人
晚安_bd35
<style>
.con{
color: red;
}
</style>
<ul id="app">
<li v-for='(item,index) in items' @click="change(index)" :class='{ active:index===number}'> <!--通过切换索引值改变class-->
<span v-html="item.name"></span>
</li>
</ul>
<script>
new Vue({
el: '#app',
data: {
number: 0, //注意此处
items:[ { name: "我是0", }, { name: "我是1" }, { name: "我是2" } ]
},
methods: {
change: function(index) {
this.number= index; //重要处
}
}
})
</script>
