一、先在data里增加一个变量，用来储存当前点击的元素 return { leftColorDisplay: 0, // 0为默认选择第一个，-1为不选择 }; 二、在template里面的代码，切记在@click方法里面要传index， 三、点击事件：改变 ...

循环条件下: 1.点击函数@click="active(index)" 获取点击的位置 2.讲索引值传给class,点击哪一个则显示哪一个的样式 3.在data添加ins的初始值 4.使用三目运算符切换图片 三木运算符执行方法：如果index ...

1.html 2.在循环的代码那里添加 3.添加样式 4.初始化数据 5.调用方法 当我们触发点击事件的时候，传入循环的index ,这样我们就可以将绑定房东样式赋给点击到的x ...

Vue实现active点击切换 循环的情况： 1、点击时传入index索引（获取当前点击的是哪个） @click=“active(index)” 2、将索引值传入class（索引等于几就第几个添加active类） :class="{active:index==ins ...

1，文件内容 ----//为item添加不存在的属性，需要使用vue提供的Vue.set( object, key, value )方法。 看详解：https://cn.vuejs.org/v2/api/#Vue-set <template>　　< ...

1，文件内容 ----//为item添加不存在的属性，需要使用vue提供的Vue.set( object, key, value )方法。 看详解：https://cn.vuejs.org/v2/api/#Vue-set <template>　　<div> ...

参考VUE官方文档样式绑定 https://cn.vuejs.org/v2/guide/class-and-style.html 需求是动态加载出来了所有菜单列表，点击其中一个li元素改变这个元素的背景色 用到VUE样式绑定对象语法 如果 isActive 的布尔值为 true ...

v-bind:class="index== num? activeClass : ''"index是循环数组的索引，num是点击获取的索引。 ...