初学VUE菜鸟的笔记
代码如下
一 在data里定义一个 active变量 默认为0选中第一个 active为2 则选中第二个,以此类推
data() {
return {
active:0,
}
},
二 @点击事件下标index传出去
<ul class="classify-left">
<li v-for="(item,index) in list" :class="{on:active == index}" :key="item.id" @click="add(index)">{{item.user}}</li>
</ul>
三 methods 方法
methods: {
add(index){
this.active=index
},
}
四 css样式
.on{
border-left: 0.1rem solid red;
}