Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vue:Filter返回一个数组,如何获取第一个元素_Vue.js - Fatal编程技术网

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

Vue.js Vue:Filter返回一个数组,如何获取第一个元素,vue.js,Vue.js,假设我有一个自定义过滤器cf.js,它需要在如下数组中返回多个值: export default (value) => { var a = 5 var b = 3 return [a, b] } 在我的vue文件中,如何仅显示第一个元素?我原以为下面这样的方法会奏效,但事实并非如此 {{ myvar | cf[0] }} or {{ (myvar | cf)[0] }} 您受到Vue模板中过滤器语法的限制,因此您尝试的方法无法奏效 过滤器在您给出的示例中没有意义,因为它没有使用

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

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

 return [a, b]
}
在我的vue文件中,如何仅显示第一个元素?我原以为下面这样的方法会奏效,但事实并非如此

{{ myvar | cf[0] }} or {{ (myvar | cf)[0] }}

您受到Vue模板中过滤器语法的限制,因此您尝试的方法无法奏效

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

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

一,。定义另一个过滤器以获取第一个元素

{{myvar | cf | first}} 导出默认函数值{ 返回值[0] } 二,。手动调用filter函数

这将允许您对筛选结果执行您想要的操作,因为您只是像调用任何其他函数一样调用它

{{$options.filters.cfmyvar[0]}
我知道第一个,我在找第二个。