学习VUE2.0,想尝试做个在表格中,选中不同的列,将该列设置一个CSS。但是不成功。请赐教~~非常感谢!
先上代码
html代码
操作IDNameEmail
{{list.id}}{{list.name}}{{list.email}}js代码
let listTemplate={
'list|1-10':[{
'id|+1':1,
name:'@NAME',
email:'@EMAIL'
}]
};
Mock.mock(/\.json/,listTemplate);
let listDb=Mock.mock(listTemplate);
let vm=new Vue({
el:'#app',
data:{
lists:listDb.list,
isActive:new Array(listDb.list.length)
},
methods:{
Checked:function(index){
this.isActive[index]='active';
}
}
});
console的isActive看起来是正常的:
[3: "active", __ob__: Observer]
但是并不会应用到CSS。请各位高人指点。