Element开发页面没有数据时，展示占位图片

卡洛背心

于 2020-08-28 16:45:16 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Element 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_42321819/article/details/108282693

Element 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用CSS样式设置页面空数据时显示占位图的方法，通过具体代码示例展示了如何定义.el-table__empty-text类来实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面没有数据，展示占位图：

  .el-table__empty-text {
    display: block;
    width: 500px;
    height: 500px;
    background:url('../../../assets/placeholder.jpg') no-repeat;
    color: #909399;
    box-sizing: border-box;
  }