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