自定义v-repeat过滤器Vue.js

Question

我对Vue.js很新，两天前才开始尝试 - 如果这是一个愚蠢的问题，请道歉。

我有一个列表，我想设置一个限制应该返回到列表中的对象数量。我创建了一个自定义过滤器：

Vue.filter('limit', function (value, number) {
    for(var i = 0; i < number; i++){
        return value;
    }
});

并应用它：

<div class="project col-lg-4" v-repeat="projects | limit 3">

但似乎没有任何改变。我知道我可以使用一些额外的j来执行限制，但使用过滤器实现这一点会很好。 有什么帮助吗？

Answer 1

您应该使用v-repeat的过滤器：

Vue.filter('limit', function (array, limit)
{
     return array.slice(0, limit);
});

并简单地使用它：

<li v-repeat="products | limit 3">