
elementUI
深渊的那支花.
这个作者很懒,什么都没留下…
展开
-
【elementUI 】对话框添加可自定义拖拽和拉伸功能
二、使用步骤1.引入2.在页面使用在需要设置的对话框上添加框出来的代码添加为了让每次弹出框都不继承上一次的改变补课随意修改,若想修改的话需要在dialog.js文件中同步修改原创 2023-01-17 14:01:29 · 1136 阅读 · 1 评论 -
vue+element-ui自定义表单验证多层循环
1、设置自定义表单(可设置表单显示字段、字段类型以及是否必填等类型)2、表单展示接口数据格式代码1》父层循环绑定在当前form下,再根据元素类型显示不同组件2》prop内容必须是从根部开始的形式为 “数组+索引+…+最终校验值的命名”(试了多个还是红色框出来的固定格式没问题)校验也是根据接口判断的页面展示。原创 2022-10-31 09:00:00 · 435 阅读 · 0 评论 -
element树形Tree组件控制allow-drop拖拽
我这里是控制同一父级同一级别内可以拖动,也可以根据自己需求随意判断。用官网的这个allow-drop方法来控制拖拽。原创 2022-10-25 14:06:29 · 2718 阅读 · 2 评论 -
elementui 的 tree树形控件 获取结点选中和半选中状态值
这是elementUI 官网实例。原创 2022-02-21 11:23:04 · 3360 阅读 · 0 评论 -
elementUI用 table多选 实现单选
2. 利用table 的selection-change 事件实现单选。这是elementui的表格多选。原创 2022-02-17 17:37:01 · 2495 阅读 · 1 评论 -
vue+elementui 表单resetFields()重置无效
vue+elementui 表单resetFields()重置无效一般表单重置无效有以下三种情况表单加ref属性需要重置的表单项el-form-item必须要加上prop属性,并且prop属性的值必须和数据双向绑定的值最后面保持一致,如elementUI表单先编辑后新增resetFields()无效问题描述:1、页面有个新增和编辑共用的弹出框表单,在页面初始化后先点新增,后编辑,正常。2、先编辑,后新增使用resetFields()表单数据竟然没有清空。解决:在编辑时,弹出框我们原创 2021-05-26 14:14:51 · 697 阅读 · 0 评论 -
element-ui 组件change事件传值
elementui 默认传出的只是组件选中的值 <el-switch v-model="value" @change="change"> </el-switch>如果想自己增加传值时可以有两种写法<el-switch v-model="value" @change="change($event,'change')"></el-switch><el-switch v-model="value" @change="(value)=>cha原创 2021-09-03 15:03:30 · 2225 阅读 · 0 评论 -
elementUI分页删除最后一页数据时跳转回上一页
vue+elementUI项目开发时分页删除最后一页没有跳转回上一页删除时重新计算剩余分页数据 const totalPage = Math.ceil((this.total -1 ) / this.params.pageSize) // 总页数 this.params.pageNum = this.params.pageNum > totalPage ? totalPage : this.params.pageNum this.params.pageNum = this.params.原创 2021-06-21 15:22:10 · 1096 阅读 · 2 评论 -
element-ui框架 table组件表格暂无数据时自定义提示
element-ui框架 table组件表格暂无数据时自定义提示组件默认无数据样式自定义代码效果原创 2021-05-26 13:55:20 · 405 阅读 · 0 评论