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

[OK]を、私はこれのための解決策を見つけました。

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> 

私はこれが誰かを助けることを願っています

は

を:)：だから基本的に私が望んでいたように私は結果をフィルタリングする機能を作成しました