效果预览
html代码
<body>
<div id="box">
<ul>
<li v-for="(temp,index) in dataList" @click="addClass(index)" :class="current===index? 'bgColor':''">
{{temp}}
</li>
</ul>
</div>
</body>
css代码
<style>
.bgColor{
background-color: red;
}
</style>
js代码
<script src="lib/vue.js"></script>
<script>
new Vue({
el: "#box",
data:{
current:0,
dataList:["杨铁丝","杨铁胆","杨铁锤"],
},
methods:{
addClass(index){
this.current=index;
},
},
})
</script>