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. 底部内容
使用默认插槽可在底部插入内容。文章来源:https://www.toymoban.com/news/detail-645512.html
<el-empty>
<el-button type="primary">按钮</el-button>
</el-empty>
上述就是Empty组件的常见用法 文章来源地址https://www.toymoban.com/news/detail-645512.html
到了这里,关于Element组件浅尝辄止5:Empty 空状态组件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!