• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

VueJS表格渲染次数

html-table 来源:DeviDso 4次浏览

我想列出来自API的5个结果。目前,通话后有超过5个结果。我试图使用索引,但因为它是有条件的渲染,每次都跳过一些结果和索引,而不是解决方案。每次打印结果时是否有可能分配值并增加它?VueJS表格渲染次数

<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> 


===========解决方案如下:

好的,我找到了解决方案。所以基本上我创建了一个函数,用于过滤结果,因为我想:

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> 

我希望这会帮助别人:)


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)