这是一个创建于 3037 天前的主题，其中的信息可能已经有所发展或是发生改变。
模板部分：
<template>
<ul v-for="item in list">
<li v-show="item.show">
{{item.name}}
</li>
</ul>
</template>
语法部分：
export default{
data() {
return {
list:[{name:'张三',show:true},{name:'李四',show:true},{name:'王五',show:true}]
}
}
}
初始化时没问题，然后我在一个 button 上绑定了 click 事件，单击使 list[1].show=false，按理李四这条记录应该被隐藏啊，为什么不起作用呢？
<template>
<ul v-for="item in list">
<li v-show="item.show">
{{item.name}}
</li>
</ul>
</template>
语法部分：
export default{
data() {
return {
list:[{name:'张三',show:true},{name:'李四',show:true},{name:'王五',show:true}]
}
}
}
初始化时没问题，然后我在一个 button 上绑定了 click 事件，单击使 list[1].show=false，按理李四这条记录应该被隐藏啊，为什么不起作用呢？
 | 1 wenzichel 2017-08-22 16:03:19 +08:00  1 文档里也说了，修改数组中的值，不能直接对数组的下标进行操作，而是用`Vue.set` ```Javascript var item = list[index]; item.show = false; Vue.set(list, index, item); ``` vue 新手，代码轻喷 |
 | 2 yangff 2017-08-22 16:18:06 +08:00 via Android 首先你这个 v-for 要用在<li>上吧？ |
| 3 yangff 2017-08-22 16:21:11 +08:00 via Android 然后你倒是贴个完整代码啊。。 |
 | 4 amourz OP 谢谢，确实要 set 后才行，感谢解惑 |
Select Language