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> 

나는이 사람이 도움이되기를 바랍니다

는

을 :) : 그러니까 기본적으로 내가 원하는대로 나는 결과를 필터링하는 기능을 만들었습니다