作者：小小鸟_--旺旺 | 来源：互联网 | 2023-08-20 17:07
学习VUE2.0，想尝试做个在表格中，选中不同的列，将该列设置一个CSS。但是不成功。请赐教~~非常感谢！
先上代码
html代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| |
js代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| 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。请各位高人指点。 |
![前端库Bootstrap框架：「11]使用 span 创建行内元素](https://img6.php1.cn/3cdc5/9921/243/17a6062cb49e163c.png)
京公网安备 11010802041100号