这是一个创建于 3205 天前的主题，其中的信息可能已经有所发展或是发生改变。
同步： https://segmentfault.com/q/1010000004613246
数据
[{
name:'aaa',
id:'0',
iscur:false
},{
name:'bbb',
id:'1',
iscur:false
},{
name:'ccc',
id:'2',
iscur:true
}
]
html:
<li v-for='item in data'>{{ item.name }}</li>
我需要分别点击 li 添加一个 class cur ，同时更新状态到 data 里的 iscur
操作数据的 iscur:true 时 当前 li 也自动添加 /删除 cur ，
请问这个操作 用 vuejs 怎么实现呢？
数据
[{
name:'aaa',
id:'0',
iscur:false
},{
name:'bbb',
id:'1',
iscur:false
},{
name:'ccc',
id:'2',
iscur:true
}
]
html:
<li v-for='item in data'>{{ item.name }}</li>
我需要分别点击 li 添加一个 class cur ，同时更新状态到 data 里的 iscur
操作数据的 iscur:true 时 当前 li 也自动添加 /删除 cur ，
请问这个操作 用 vuejs 怎么实现呢？
 |
1
sox 2016-03-15 23:32:51 +08:00
擦，看文档，而且这个代码是给人看的吗
|
 |
2
eric6356 2016-03-15 23:47:56 +08:00
可以看一下 class 与 style 的绑定那一节，另外操作数据的时候可能需要用 Vue.set 来确保 Vue 能追踪到，这里挺复杂的。同学习中！
|
 |
3
emric 2016-03-15 23:51:43 +08:00
文档是用来看的。
|
 |
4
coolzjy 2016-03-15 23:54:58 +08:00
|
 |
6
EnginDee 2016-06-23 00:26:36 +08:00
似乎是 jquery 年代，思维还没转过来。 我也是 low 逼， jq 年代的老人了……
|
Select Language