Vue:Filter返回一个数组,如何获取第一个元素

Emmet B

可以说我有一个自定义过滤器cf.js,它需要在数组中返回多个值,如下所示:

export default (value) => {
 var a = 5
 var b = 3

 return [a, b]
}

在我的Vue文件中,如何仅显示第一个元素?我以为下面这样的东西会起作用,但它们不会

{{ myvar | cf[0] }} or {{ (myvar | cf)[0] }}
十年月亮

您受到Vue模板中过滤器语法的限制,因此您尝试执行的操作无效。

过滤器在您提供的示例中没有意义,因为它没有使用参数。

但是无论如何,要回答您的问题,我想到了两个选择:

1.定义另一个过滤器以获取第一个元素

{{ myvar | cf | first }}
export default function first(value) {
  return value[0]
}

2.手动调用过滤器功能

这将使您可以对过滤器结果执行所需的操作,因为您只是像调用其他函数一样调用它。

{{ $options.filters.cf(myvar)[0] }}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

显示第一个数组元素 - ReactJS

PHP:循环获取第一个数组

如何找到一个数组在另一个数组中的出现?和第一个数组的返回索引

使用Lodash获取数组中每个数组的第一个元素

for循环仅返回bash脚本中的第一个数组元素

在def中返回数组的第一个元素

PHP有2个数组,如何根据第一个数组的顺序获取两个数组中都存在的第一个元素?

舵模板:获取第一个数组元素的节点

获取数组的第一个元素

获取对数组的第一个元素(Swift)

刷卡中的数组获取第一个元素

数组第一个元素

如何使用LINQ获取第一个数组中的每个元素和第二个数组中的每个元素的总和

斯卡拉。如何使用scala获取第一个数组的数组数

如何返回带有第一个和最后一个数字的数组?

从数组中删除第一个元素并返回减去第一个元素的数组

如何使用传播语法删除第一个数组元素

如何将JavaScript中的多个数组与第一个元素合并

需要一个数组,其中新数组的第一个元素=除第一个元素以外的所有元素的和

如何使用jQuery获取元素中的第一个数字

获取数组中的第一个元素并使用Aggregate返回?

如何按数组的第一个元素分组?

如何获得数组的第一个元素?

如何检查数组中的第一个元素

如何提取数组的第一个找到的元素?

如何基于第一个数字从数组中获取整数值

如何从数组中获取第一个数据?

如何停止循环以仅获取第一个数组的内容?

Swift:如何在 plist 中获取第一个数组字符串?