wxss ...
當你去做后端請求時,並且接口的data數組中為null或者數據為空時擋住用戶眼睛的 遮罩層 lt template gt lt spanclass no wrap gt lt spanclass no data gt lt lt imgsrc .. .. assets images boms fonts nodata.svg gt gt lt imgsrc . img nodata table z ...
2019-12-22 20:27 0 769 推薦指數:
wxss ...
1. 前言 在日常開發中,頁面上肯定有展示數據的需求,但是當某些時候該展示數據的地方此時數據為空時,就會留下一片空白,對用戶體驗不是很好,那么接下來我們就封裝一個空數據時的占位展示圖,告訴用戶此時用戶為空,並非數據沒有加載出來,不用讓用戶盲目的等待。 2. 使用示例 該組件可以直接引入到項目 ...
...
1、如下圖: 改成: 在el-table 里面插入 <template slot="empty"> <span style="color: #969799;">No more data</span> < ...
相信很多人在使用element el-tree、el-table組件加載數據前會顯示一個“ 暫無數據 ”,體驗很不友好,有沒有辦法處理不顯示呢?答案是:有的。廢話不多說直接上代碼解說: <!--el-tree "暫無數據" 不顯示處理--><template> ...
...
項目中的表格請求數據時,進去頁面,先出現 ''暫無數據'' 字樣閃現一下之后在進行加載數據,用戶體驗十分不好 解決辦法: <template> <el-table :data="tableData" style="width: 100 ...
https://blog.csdn.net/weixin_44143512/article/details/94402565 ...