随笔分类 -  elementUI

从数组中取出element ui checkBox多选框选中的label值
摘要：由于特殊需求的原因我需要取出选中的label值（也可以作为简单数组的去重以及数组选取相同内容） let checkList=[1,3,5]//checkBox选中的value值 //原始数据值 let dataCheck=[ { id:1, name:'去哪' }, { id:2, name:'去哪 阅读全文
posted @ 2023-05-16 14:01 <_/> 阅读(441) 评论(0) 推荐(0)
elementUI Table 表格编辑数据后停留当前位置
摘要：后台管理系统在实际开发中，表格如果在一定高度出现滚动条。 这时如果对表格行数据进行编辑或者拖拽排序操作，数据刷新后滚动条会默认回到顶部，这样体验会不太好。 如果想保留在当前位置可以这样操作： 1.el-table标签添加ref属性 <el-table :data="tableData" v-load 阅读全文
posted @ 2023-04-18 10:00 <_/> 阅读(528) 评论(0) 推荐(0)
vue + elementUI 表单重置两种方法
摘要：一、添加 prop 清空验证和内容<el-form-item label="排序" prop="orders"> <el-input v-model="ruleForm.orders"></el-form-item>在 <el-form ref="ruleFormRef ">添加 ref属性，然后使 阅读全文
posted @ 2022-06-22 14:22 <_/> 阅读(2087) 评论(0) 推荐(0)
Element UI Tree 树形控件（可选择）,如果子级有值，父级禁用的两种操作
摘要：总结了两种方法： 一、父级的复选框禁用 <el-tree :data="deptOptions" node-key="id" :props="defaultProps" :expand-on-click-node="true" :filter-node-method="filterNode" :ch 阅读全文
posted @ 2021-10-29 09:24 <_/> 阅读(3447) 评论(0) 推荐(0)
ElementUI之动态增减表单项，循环表单验证（单层循环与双重循环）
摘要：Element的表单验证要注意的就是v-model和prop的值要对应上，不然无法触发验证 1.单层循环表单 html代码如下： <el-form :model="formData" :rules="rules" ref="ruleForm" label-width="100px" class="d 阅读全文
posted @ 2020-10-13 14:56 <_/> 阅读(1494) 评论(0) 推荐(0)
elementUI中form表单的upload上传图片及校验总结
摘要：自定义校验方法,因为我的项目是,分情况,可以选择是否有图,所以我定义了一个变量hasFmt,当他为false的时候,才会要求上传,走这个校验方法,rules里声明这个方法 var valiIcon = (rule, value, callback) => { // 图片验证 if (!this.ha 阅读全文
posted @ 2020-08-25 14:53 <_/> 阅读(5494) 评论(0) 推荐(0)
Element ui select获取label的值
摘要：监听事件 阅读全文
posted @ 2020-01-05 09:46 <_/> 阅读(5593) 评论(0) 推荐(0)
vue+element-ui实现可折叠的树形表格
摘要：先看看效果图： 一，首先创建一个公共的文件夹treeTable,里边放一个index.vue和eval.js 先看看index.vue，原理就是在element-ui的基础上做了进一步改造。 eval.js放入下列代码 二，页面中的用法 阅读全文
posted @ 2020-01-02 09:22 <_/> 阅读(13142) 评论(0) 推荐(1)
ElementUI DatePicker 日期选择器控制选择时间范围
摘要：选择了开始时间，再选择结束时间的时候就不能早于开始时间；选择了结束时间，再选择开始时间的时候就不能晚于结束时间； 如果开始时间为空，选择结束时间只能是今天之后的时间； <el-date-picker v-model="ruleForm.startTime" type="date" placehold 阅读全文
posted @ 2019-03-20 14:25 <_/> 阅读(7917) 评论(0) 推荐(0)
使用elementUI滚动条之横向滚动
摘要：用过elementUI组件应该会知道它内置一个滚动效果，官网对此组件没有相关文档,也是细心网友发现的。 将会出现滚动的内容放到上述标签内就可以了。 这里要简单的设置一下，将标签的height设为100%，读者查看效果的时候，会出现一个横向的滚动条，如果你不想要横向的滚动条，使用下面css属性设置就可 阅读全文
posted @ 2019-01-31 10:15 <_/> 阅读(48887) 评论(0) 推荐(4)