a标签 vue 动态点击_vue2.0 实现click点击当前li，动态切换class

1，文件内容

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

• {{item.select}}

  当我是图标

import Vue from 'vue'

export default{

data(){

return {

active: false,

items: [

{select:'第一行'},

{select:'第二行'},

{select:'第三行'},

{select:'第四行'}

]

}

},

methods: {

selectStyle (item, index) {

this.$nextTick(function () {

this.items.forEach(function (item) {

Vue.set(item,'active',false);

});

Vue.set(item,'active',true);

});

}

}

}

.active{

color:red;

}

.unactive{

color:#000;

}

.icon{

float: right;

font-size:12px;

}

2，效果