vue 遍歷數組的巧妙之處


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
  })
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM