当前位置: 首页 > news >正文

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组件的常见用法 

http://www.lryc.cn/news/125438.html

相关文章:

  • 【华为Datacom 综合拓扑案例—分享篇】
  • springcloud3 使用openfegin实现getpost请求调用
  • 【JVM】类装载的执行过程
  • FreeRTOS(独立看门狗监测任务执行与低功耗Tickless模式)
  • 预训练GNN:GPT-GNN Generative Pre-Training of Graph Neural Networks
  • Python实现透明隧道爬虫ip:不影响现有网络结构
  • 并发编程系列-CompletableFuture
  • 锁粒度的粗细与时空损耗互换
  • [Android 11]使用Android Studio调试系统应用之Settings移植(七):演示用AS编译错误问题
  • MyBatis面试题
  • Lorenz系统最大lyapunov exponent的求解
  • c#实现策略模式
  • 家纺行业小程序商城搭建指南
  • Python语法基础--条件选择
  • visual studio 2017 运行的程序关闭后不能再运行?(visual studio建立项目之后退出,如何再次完整打开项目?)
  • 亚马逊feedback和review有什么区别
  • 新疆大学841软件工程考研
  • Vue: el-form 自定义校验规则
  • 8.14 ARM
  • Flink笔记
  • 深度学习在MRI运动校正中的应用综述
  • 内存不足V4L2 申请DMC缓存报错问题
  • 论文笔记--Llama 2: Open Foundation and Fine-Tuned Chat Models
  • 客达天下项目案例
  • 系统设计类题目汇总二
  • MySQL和Redis如何保证数据一致性
  • Go学习第九天
  • kafka集成篇
  • go-安装部署
  • vue项目的实用性总结