ElementUI常用的组件展示

文章目录

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

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

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


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


有时也会嵌套抽屉使用,例如:

4、抽屉

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

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

7、批量选择复选框

一般都加在第一列:找到展示表格数据的部分加进去即可,一般要考虑获得选中的内容

@selection-change="handleSelectionChange",当selection-change触发时(复选框发生改变),就会调用后面的函数

8、表单

用于级联检索、用户名密码验证等

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

10、时间格式化

选择你需要的时间格式,便于做数据库关于时间的查询

format是显示的格式,value-format是送的时候以什么格式送

相关推荐
user29752587612几秒前
别再用关键字搜了!手搓一个Vite插件,为页面上的标签打上标记
前端·javascript·vite
典学长编程3 分钟前
前端开发(HTML,CSS,VUE,JS)从入门到精通!第五天(jQuery函数库)
javascript·css·ajax·html·jquery
野区小女王7 分钟前
react调用接口渲染数据时,这些表格里的数据是被禁选的
前端·react.js·前端框架
尝尝你的优乐美24 分钟前
原来前端二进制数组有这么多门道
前端·javascript·面试
前端_yu小白26 分钟前
Vue2实现docx,xlsx,pptx预览
开发语言·javascript·ecmascript
金金金__42 分钟前
事件循环-原理篇
javascript·浏览器
CF14年老兵42 分钟前
🔥 2025 年开发者必试的 10 款 AI 工具 🚀
前端·后端·trae
张元清1 小时前
解密苹果最新 Liquid Glass 效果:如何用代码重现 iOS 设计系统的视觉魔法
前端·css·面试
CF14年老兵1 小时前
2025 年 React 在 Web 开发中的核心地位:优势、应用场景与顶级案例
javascript·react.js·redux
还是大剑师兰特1 小时前
Javascript面试题及详细答案150道之(046-060)
javascript·大剑师·js面试题