自定義v-重複過濾器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"> 

然而，似乎沒有任何改變。我知道我可以使用一些額外的js來執行限制，但使用過濾器實現這一點會很好。 有什麼幫助嗎？

Answer 1

你應該使用一個過濾器，v-repeat：

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

，並簡單地使用它像這樣：

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