VueJS表格渲染次數

Question

我想列出來自API的5個結果。目前，通話後有超過5個結果。我試圖使用索引，但因爲它是有條件的渲染，每次都跳過一些結果和索引，而不是解決方案。每次打印結果時是否有可能分配值並增加它？

<tr v-for="(request, index) in client.requests" v-if="request.request_status_id == 1"> 
    <td>{{ request.request_type.name }}</td> 
    <td>{{ request.created_at }}</td> 
</tr> 

Answer 1

好的，我找到了解決方案。所以基本上我創建了一個函數，用於過濾結果，因爲我想：

filterList(list){ 
var temp = []; 
var count = 0; 

for(var i = 0; i < list.length; i++){ 
    if(list[i].request_status_id == 1 && count < 5) { 
     temp.push(list[i]); 
     count++; 
    } 
} 

return temp; 

而且我把它在我的循環

<tr v-for="(request, index) in filterList(client.requests)"> 
<td>{{ request.request_type.name }}</td> 
<td>{{ request.created_at }}</td> 

我希望這會幫助別人:)