ElementUI常用的组件展示

文章目录

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

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

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


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


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

4、抽屉

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

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

7、批量选择复选框

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

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

8、表单

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

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

10、时间格式化

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

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

相关推荐
Cyclo-11 小时前
PDFJS 在React中的引入 使用组件打开文件流PDF
前端·react.js·pdf
椒盐螺丝钉14 小时前
Vue Router应用:组件跳转
前端·javascript·vue.js
顾安r14 小时前
11.20 开源APP
服务器·前端·javascript·python·css3
敲敲了个代码14 小时前
CSS 像素≠物理像素:0.5px 效果的核心密码是什么?
前端·javascript·css·学习·面试
少云清14 小时前
【软件测试】5_基础知识 _CSS
前端·css·tensorflow
倔强青铜三15 小时前
AI编程革命:React + shadcn/ui 将终结前端框架之战
前端·人工智能·ai编程
二川bro15 小时前
第57节:Three.js企业级应用架构
开发语言·javascript·架构
天外飞雨道沧桑15 小时前
前端开发 Cursor MCP 提效工具配置
前端·vscode·ai编程·开发工具·cursor
朱哈哈O_o15 小时前
前端通用包的作用——jquery篇
前端
葡萄城技术团队15 小时前
纯前端驱动:在线 Excel 工具的技术革新与实践方案
前端·excel