官网讲解点击跳转
下面是实例
思路:在渲染之前将数组内容过滤掉(使用filter过滤)
<ul>
<li v-for="(data,index) in test_data_filter">
{{data.a}}
</li>
</ul>
var app = new Vue({
el:'.app1',
data:{
test_data:[
{a:"1",b:1},
{a:"2",b:1},
{a:"3",b:0}
]
},
methods:{
},
computed:{
test_data_filter(){
//filter这个方法会循环遍历,在里面加入你自己的判断就可以
return this.test_data.filter(function (data){
if (data.b == 1) {
return data
}
})
}
}
})