<!-- 判斷每一頁是否有數據，沒有則返回暫無數據 --><div v-if="newsItems[index].list.length > 0"> </div>

?

??

首先先給數據添加一層div判斷是否此頁能請求到對應數量的數組，能請求則輸出

<!-- 頁面加載 --><div class="loading" v-else-if="newsItems[index].forward ==='before'">加載中。。。。</div><div class="loading" v-else>暫無數據</div>

這兩個div則判斷狀態為before還是after，這個狀態的用處就是在點擊后還沒請求到數據的這個過程顯示加載中，否則就為暫無數據例如下圖：

?完整效果如下圖所示

?

?

總結

以上是生活随笔為你收集整理的vant制作首页的加载中和暂无数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。