这是一个创建于 3495 天前的主题，其中的信息可能已经有所发展或是发生改变。
同步： 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 div class="sep3"> EnginDee 2016-06-23 00:26:36 +08:00 似乎是 jquery 年代，思维还没转过来。 我也是 low 逼， jq 年代的老人了…… |
Select Language