Vue过滤数组副本

2021-03-05 14:27

阅读:346

标签:def   func   数据   color   ==   return   span   numbers   code   

  有时,我们想要显示一个数组的过滤或排序副本,而不实际改变或重置数据。在这种情况下,可以创建返回过滤或排序数组的计算属性。

  例如:


  • for="n in evenNumbers">{{ n }}

  • ...

    ...
    export default
    {
    ...
    data: { numbers: [
    1, 2, 3, 4, 5 ] },
    computed: { evenNumbers:
    function () { return this.numbers.filter(function (number) { return number % 2 === 0 }) }
    ... }

     

       或者,您也可以使用method 方法 (例如,在嵌套 v-for 循环中):

     

    
    
  • for="n in even(numbers)">{{ n }}
  • ... export default{
    ... data: { numbers: [
    1, 2, 3, 4, 5 ] },
    methods: { even:
    function (numbers) { return numbers.filter(function (number) { return number % 2 === 0 }) } } ... }

     

    Vue过滤数组副本

    标签:def   func   数据   color   ==   return   span   numbers   code   

    原文地址:https://www.cnblogs.com/zhishiyv/p/14323822.html


    评论


    亲,登录后才可以留言!