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

原创于 2020-08-28 16:45:16 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

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;
  }