Element组件浅尝辄止5：Empty 空状态组件

Empty空状态组件：空状态时的占位提示。

如第一次进入当前功能模块时，数据状态为空，则展示空状态，可用到Empty组件

1.How?

<el-empty description="描述文字"></el-empty>

2.自定义图片

通过设置 image 属性传入图片 URL。常见于业务开发中。

<el-empty image="https://sxxx.com/element/hamburger.9cf7bef6.png"></el-empty>

3.图片尺寸

通过设置 image-size 属性来控制图片大小。

<el-empty :image-size="200"></el-empty>

4. 底部内容

使用默认插槽可在底部插入内容。

<el-empty>
  <el-button type="primary">按钮</el-button>
</el-empty>

上述就是Empty组件的常见用法