現在的語言幾乎都是使用foreach，用for迴圈的程式不常見了。
在建立前端頁面時偶爾會需要一樣的資料但不同的資料量，如果專門為不同畫面需求而建立只有資料量不同的api，很耗時又不實用。
那在這個情況下該如何限制vue渲染出來的資料數量呢？
有兩種解決方法，一個是用 slice 將資料切開，另一個則是使用 v-if 判斷，如下：
<!-- 輸出第一筆開始的五筆資料 -->
<div v-for="value in array.slice(0, 5)"></div>
<div v-for="(value,index) in object">
<!-- 目前資料數量小於等於五時才顯示 -->
<template v-if="index <= 5"></template>
</div>
文章標籤
全站熱搜
留言列表
python (1)