码库记事本

码库记事本

vue实现点击追加选中样式

小诸哥 0

html部分(current就是点击后的css名称)

<div v-for="(item,index) in category">
<div :class="index==cateindex?'current':''" @click="clickCate(index)">{{item.cate_name}}</div>
</div>

js部分

data() {
return {
category:[],//分类列表
cateindex:0,//分类默认选中下标
};
},

methods:{
//分类选中样式

    clickCate(index){
this.cateindex=index;
    }

}

css部分

css部分就是你要点击后改变的样式

示例图片:

标签: 实现 点击 追加