1. 前言 在日常开发中，页面上肯定有展示数据的需求，但是当某些时候该展示数据的地方此时数据为空时，就会留下一片空白，对用户体验不是很好，那么接下来我们就封装一个空数据时的占位展示图，告诉用户此时用户为空，并非数据没有加载出来，不用让用户盲目的等待。 2. 使用示例 该组件可以直接引入到项目 ...

...

当你去做后端请求时，并且接口的data数组中为null或者数据为空时挡住用户眼睛的“遮罩层” <template> <span class="no_wrap"> <span class="no_data"> <!-- src ...

如标题所述，我们希望 echarts 图表在没有数据时显示 “-暂无相关数据-” 字样。 操作： 需要对返回的数据做判断，如果有数据则正常显示图表，如果没有数据，我们将此 div 的内容改为文本 “-暂无相关数据-”，并设置样式即可。 HTML： JS（Vue）： 方法 ...

原因：被实例化过一次之后，不会重新渲染当前的实例div 所以把当前的实例销毁清空，重新实例化 解决方案： 当获取数据失败，往 div#ec_container 容器中插入 暂无数据 html 片段之后，手动删除掉 div#ec_container 容器的 echarts_instance ...

1、如下图： 改成： 在el-table 里面插入 <template slot="empty"> 　　<span style="color: # ...

相信很多人在使用element el-tree、el-table组件加载数据前会显示一个“ 暂无数据 ”，体验很不友好，有没有办法处理不显示呢？答案是：有的。废话不多说直接上代码解说： <!--el-tree "暂无数据" 不显示处理--><template> ...

...