可以说我有一个自定义过滤器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] 删除。
我来说两句