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

ElementUI常用的组件展示

文章目录

    • 1、要使用ElementUI先导入组件库
    • 2、自定义表头,可以改为添加和批量删除的按钮
    • 3、Dialog模态框,主要用于添加和修改时展示信息
    • 4、抽屉
    • 5、消息提示:用于提示是否操作成功
    • 6、询问:常用于询问是否确定删除
    • 7、批量选择复选框
    • 8、表单
    • 9、小图标、按钮等小元素
    • 10、时间格式化

@click="removeBatch"前端,左边是触发事件,右边是执行的函数

1、要使用ElementUI先导入组件库

在这里插入图片描述

2、自定义表头,可以改为添加和批量删除的按钮

在这里插入图片描述
在这里插入图片描述

3、Dialog模态框,主要用于添加和修改时展示信息

在这里插入图片描述
在这里插入图片描述

有时也会嵌套抽屉使用,例如:
在这里插入图片描述

4、抽屉

在这里插入图片描述

5、消息提示:用于提示是否操作成功

在这里插入图片描述

6、询问:常用于询问是否确定删除

在这里插入图片描述

7、批量选择复选框

一般都加在第一列:找到展示表格数据的部分加进去即可,一般要考虑获得选中的内容
在这里插入图片描述
@selection-change=“handleSelectionChange”,当selection-change触发时(复选框发生改变),就会调用后面的函数

8、表单

用于级联检索、用户名密码验证等
在这里插入图片描述

9、小图标、按钮等小元素

10、时间格式化

选择你需要的时间格式,便于做数据库关于时间的查询
在这里插入图片描述
format是显示的格式,value-format是送的时候以什么格式送

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

相关文章:

  • 高质量数据集|大模型技术正从根本上改变传统数据工程的工作模式
  • Android 之 串口通信
  • zookeeper分布式锁 -- 读锁和写锁实现方式
  • 【Android】RecyclerView循环视图(2)——动态加载数据
  • 【C 学习】04-了解变量
  • 《volatile 与 synchronized 底层实现与性能比较》
  • 【OD机试题解法笔记】文件缓存系统
  • linux 扩展未分配的磁盘空间到home下
  • 【从零开始速通C语言1】 - 汇编语言1
  • RAG 知识库实战指南:基于 Spring AI 构建 AI 知识问答应用
  • 第N个泰波那契数
  • Coze 打通飞书多维表格,实现数据增删改查操作实战详解
  • 机器学习sklearn:支持向量机svm
  • 《使用Qt Quick从零构建AI螺丝瑕疵检测系统》——9. 接入真实硬件:驱动USB摄像头
  • 李宏毅深度学习教程 第8-9章 生成模型+扩散模型
  • 【Unity3D实例-功能-镜头】俯视角
  • JVM-垃圾回收器与内存分配策略详解
  • [创业之路-530]:创业公司五维架构设计:借鉴国家治理智慧,打造敏捷型组织生态
  • 智变时代:AI 如何重构工作边界与行业生态?
  • 【MySQL安全】什么是SQL注入,怎么避免这种攻击:前端防护、后端orm框架、数据库白名单
  • 计算机网络:如何在实际网络中进行子网划分
  • 从零开始学Express,理解服务器,路由于中间件
  • C#模式匹配用法与总结
  • Supergateway教程
  • Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现各类垃圾的分类检测识别(C#代码UI界面版)
  • 玩转 Playwright 有头与无头模式:消除差异,提升爬虫稳定性
  • LLM - 智能体工作流设计模式
  • 小红书开源dots.ocr:单一视觉语言模型中的多语言文档布局解析
  • 【设计模式】5.代理模式
  • [LeetCode优选算法专题一双指针——有效三角形的个数]