<div id="app">
<ul>
<li v-for="(item,index) in arrs" :key="index">
{{item.hobby}} <input type="checkbox" v-model="item.checked">
</li>
</ul>
<h3>我的爱好有:
<ul>
<li v-for="(item,index) in arrs" :key="index" v-show="item.checked==true">
{{item.hobby}} </li>
</ul>
</h3>
</div>
这里的数组 必须是数组里面套对象 而且对象必须有一个boolean型的属性
data: {
arrs: [{
hobby: "音乐",
checked: false
},
{
hobby: "蓝球",
checked: false
},
{
hobby: "足球",
checked: false
},
{
hobby: "旅游",
checked: false
}
]
}
这样才可.