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