vue实现动态css,Vue中如何动态绑定CSS

学习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。请各位高人指点。

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值