ElementUI常用的组件展示

文章目录

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

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

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


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


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

4、抽屉

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

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

7、批量选择复选框

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

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

8、表单

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

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

10、时间格式化

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

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

相关推荐
ISkp3V8b43 分钟前
ASP.NET MVC]Contact Manager开发之旅之迭代2 - 修改样式,美化应用
前端·chrome
Highcharts.js30 分钟前
高级可视化图表的暗色模式与主题|Highcharts 自适应主题配色全解
前端·react.js·实时图表
zk_one2 小时前
【无标题】
开发语言·前端·javascript
AIBox3653 小时前
openclaw api 配置排查与接入指南:网关启动、配置文件和模型接入全流程
javascript·人工智能·gpt
precious。。。3 小时前
1.2.1 三角不等式演示
前端·javascript·html
阿珊和她的猫3 小时前
TypeScript 中的 `extends` 条件类型:定义与应用
javascript·typescript·状态模式
众创岛3 小时前
iframe的属性获取
开发语言·javascript·ecmascript
小陈工3 小时前
Python Web开发入门(十一):RESTful API设计原则与最佳实践——让你的API既优雅又好用
开发语言·前端·人工智能·后端·python·安全·restful
星空3 小时前
前段--A_2--HTML属性标签
前端·html
三万棵雪松3 小时前
【Linux 物联网网关主控系统-Web部分(一)】
linux·前端·嵌入式linux