Vue.js -在v-for内部使用过滤器
Vue.js -在v-for内部使用过滤器
提问于 2018-12-06 03:40:17
我有一个简单的Vue过滤器，它将数组的长度限制为n个元素。像这样使用它可以很好地工作：
{{ array | limitArray(2) }}
现在我想在v-for循环中使用它，如下所示：
<li v-for="item in items | limitArray(3)">...</li>
但这会抛出错误。如何在v-for中使用筛选器
编辑:可能不重要，但有问题的过滤器：
Vue.filter('limitArray', function (arr, length = 3) {
if (arr && arr.length) {
if (length == -1) {
return arr;
}
if (length > arr.length) {
return arr;
}
return arr.slice(0, length);
}
return null;
});Stack Overflow用户
回答已采纳
发布于 2018-12-06 07:25:49
你必须将过滤器作为一个方法来调用：
<li v-for="item in $options.filters.limitArray(items, 3)">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53639575
复制相关文章
相似问题
腾讯云开发者
