<ul>
<li @click="clickCategory(index)" :class="{categoryActive : categoryIndex == index}" v-for="(item, index) in category" :key="index">
{{item.MALL_CATEGORY_NAME}}
</li>
</ul>
data() {
return {
categoryIndex : 0,
}
},
methods: {
clickCategory(index){
this.categoryIndex = index;
}
},
.categoryActive{
background: #fff;
}
Vue循环指令 Vue绑定指令： v-bind:style，v-bind:class： v-model双向数据绑定...
一，vue基础 数据绑定列表循环 事件处理 在script标签中 //实例化vue var app=new Vue...
模板语法 class和style绑定 条件渲染 vue事件处理器 vue组件
上一篇：自定义组件添加原生事件 一、用 变量形式 绑定单个 Class 名 在 vue 中绑定单个 class 名...
一、Vue3.x中的事件方法入门 业务逻辑： template模板： 二、Vue3 v-bind绑定Class 当...
> vue 2 查缺补漏 >>>> 动态 属性绑定 >>>> 循环绑定 >>>> 方法传值 传入事件对象 >>>>...
vue中属性绑定 vue中事件绑定 在标签方法名前加 @ 进行事件绑定![a标签click成功绑定add方法] 事...
课表安排 vue环境安装 vue绑定事件 vue计算属性 vue判断与循环 CDN实战DEMO vue脚手架的搭建...
原文：vue中v-for循环出来的元素绑定的不同事件(亲测,好用?) 刚开始我在循环出来的元素中加@click="...
本文标题：vue中for循环的class绑定事件
本文链接：https://www.haomeiwen.com/subject/qflzkqtx.html
网友评论