v-for 嵌套 v-show 的问题，不能动态改变？

[amourz]

模板部分：
<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，按理李四这条记录应该被隐藏啊，为什么不起作用呢？

[wenzichel]

文档里也说了，修改数组中的值，不能直接对数组的下标进行操作，而是用`Vue.set`

```javascript
var item = list[index];
item.show = false;
Vue.set(list, index, item);
```

vue 新手，代码轻喷

[yangff]

首先你这个 v-for 要用在<li>上吧？

[yangff]

然后你倒是贴个完整代码啊。。

[amourz]

谢谢，确实要 set 后才行，感谢解惑

[amourz]

@wenzichel 谢谢，确实要 set 后才行，感谢解惑