ElementUI常用的组件展示

文章目录

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

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

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


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


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

4、抽屉

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

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

7、批量选择复选框

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

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

8、表单

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

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

10、时间格式化

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

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

相关推荐
程序员爱钓鱼3 小时前
Go操作Excel实战详解:github.com/xuri/excelize/v2
前端·后端·go
子兮曰12 小时前
async/await高级模式:async迭代器、错误边界与并发控制
前端·javascript·github
恋猫de小郭12 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
GIS之路14 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒15 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol16 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉16 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau16 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生16 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼17 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范