VueJS表格渲染次数

  • Z时代
  • 2024-01-10
  • 分类：问答

我想列出来自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>

我希望这会帮助别人:)

以上是 VueJS表格渲染次数 的全部内容， 来源链接： utcz.com/qa/259920.html

回到顶部