码迷,mamicode.com
首页 > 编程语言 > 详细

Vue过滤数组副本

时间:2021-01-26 12:34:09      阅读:0      评论:0      收藏:0      [点我收藏+]

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

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

  例如:

<li v-for="n in evenNumbers">{{ n }}</li>
...

...
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 循环中):

 

<li v-for="n in even(numbers)">{{ n }}</li>
...
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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!