vue 的遍歷還可以嵌套過濾器來做,通過v-for 遍歷一個數組的同時又對數組的每一個對象做一個過濾判斷,這樣極大的方便了工作者的使用。而它的使用方式也極其簡單,只要在計算屬性中寫一個函數,函數中返回一個過濾器的方法,最后在這個過濾器中返回一個判斷即可。判斷為真,即滿足條件,從而展示。
例子如下:
<li v-for="n in even(numbers)">{{ n }}</li>
data: {
numbers: [ 1, 2, 3, 4, 5 ]
},
methods: {
even: function (numbers) {
return numbers.filter(function (number) {
return number % 2 === 0
})
}