例子
<div id="app">
<div v-for="item in arr" v-if="item.flag">
{{item.phone}}
</div>
</div>
<script type="text/javascript">
new Vue({
el:"#app",
data:{
arr:[
{
flag:true,
phone:'apple'
},
{
flag:false,
phone:'huawei'
},
{
flag:true,
phone:'vivo'
},
]
}
});
</script>
结果
apple
vivo
分析
v-if成功的前提是v-for遍历出数据