![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
carlos.chang
这个作者很懒,什么都没留下…
展开
-
vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法
转载:https://blog.csdn.net/sunday_tutu/article/details/82018037我要实现的功能是在上传文件之前校验是否表格中存在重复的数据,有的话,需要弹窗提示是否覆盖,确认之后继续上传,取消之后,就不再上传。项目中用的element-ui是V1.4.3 <el-upload class="upload-demo" drag ref="fileUpload" :action="urls.fileUpload".转载 2020-12-24 10:28:19 · 1780 阅读 · 1 评论 -
vue 从excel中复制数据至el-tabel中 excel粘贴数据 el-tabel
需求:从excel复制数据快速粘贴到el-table中方法:利用vue的 @paste 拿到数据,用processData切割数据<el-table :data="costList" element-loading-text="加载中" border="" fit highlight-current-row :max-height="'600px'" > <el-table-column原创 2020-11-02 16:06:49 · 2279 阅读 · 0 评论 -
el-date-picker 禁用日期后 无法点击此刻按钮 禁用今天以后日期 精确到时分秒
问题:禁用今天以后日期不可选择,成功禁用后,点击组件中的此刻按钮无效。html:<el-date-picker v-model="ruleForm.finish_time" :picker-options="pickerOptions" size="small" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" />return { pickerOptions: { disabledDate(ti..原创 2020-10-26 15:01:39 · 5281 阅读 · 2 评论 -
Element UI el-tree 保存当前展开节点,再次异步获取树结构数据时默认展开当前保存的节点
问题:设置默认展开的节点后,一顿操作,需要记录当前已经展开的节点,并且在获取数据重新渲染时设置默认展开<el-tree ref="tree" v-loading="treeLoading" :data="studentTree" :props="defaultProps" :highlight-current="true" node-key="id" :default-expanded-keys="defaultShowNodes" @node-click="handleTre.转载 2020-08-10 16:56:54 · 2917 阅读 · 3 评论 -
element 表格中 多个输入框 怎么校验 el-form 动态验证规则 el-table中检验多个input
问题:在element表格中需要验证多个输入框,如下图:解决:在表格中加入el-form-item,上代码<el-form ref="form" :model="form" label-width="120px" :rules="rules"> <el-form-item label="优惠券配置:" prop="payload"> <el-table :data="form.payload" border class="padloadTable"&g.原创 2020-07-23 11:54:30 · 6194 阅读 · 11 评论 -
el-table toggleRowSelection默认选中 elementui 弹窗中表格无法选中 toggleRowSelection 选中无效
问题:编辑的时候,表格是在弹窗中,每次打开弹窗都会重新获取表格数据,并且要选中对应的数据。比如:我默认选中的内容必须得通过接口或者其他方式来获取,然后再默认选中解决:// 这里通过循环选中列表multipleSelection,然后从所有列表tableData中找到需要选中的项来帮助选中,直接使用选中列表来设置可能会出错toggleSelection(rows) { this.$nextTick(()=>{ this.multipleSelection.forEach(row =原创 2020-07-22 17:35:48 · 1931 阅读 · 1 评论 -
element-ui el-tree选择子节点时同时选择并提交父节点逻辑问题
el-tree组件在获取选择的节点时,默认的逻辑是,选中父节点时所有的子节点会被选中(checked),但是当该节点下不是选中所有子节点的时候,主节点不会被选中,而是处于一种半选中状态,提交时通过 getCheckedKeys() 方法也不会提交父节点,因为半选中状态下 checked 属性是 false 的。项目中通常会有这样的需求解决办法通常如果只是为了提交数据,我们可以使用getHalfCheckedKeys()+getCheckedKeys()来获取需要的数据const d.转载 2020-07-09 14:52:45 · 5630 阅读 · 1 评论 -
解决element-ui 多个错误弹框问题 多个错误message
新建js文件 resetMessage.js/** 重置message,防止重复点击重复弹出message弹框 */import { Message } from 'element-ui';let messageInstance = null;const mainMessage = function DoneMessage(options) { // 如果弹窗已存在先关闭 if (messageInstance) { messageInstance.close(); } .原创 2020-06-11 15:14:47 · 1622 阅读 · 0 评论 -
element-ui el-cascader 动态加载省市区 三级联动
<template> <div id="zoning"> <el-cascader ref="cascader" :options="options" :clearable="true" placeholder="请选择省市区" :size="size" :props="props" @active-item-change="handleItemChange" @cha.原创 2020-06-04 15:30:11 · 3808 阅读 · 0 评论 -
js 前端多层树型结构做搜索功能 前端如何做搜索、过滤、filter、map
前端如何做搜索,多层树形结构怎么过滤const arr = [ { name:'第一层', children:[ {name:'第一层的孩子',children:[name:'第二层的孩子']} ] } ...]html...<el-input v-model="category_name" size="small" placeholder="分类名称" maxlength="8"> <el-button slot="app原创 2020-05-16 19:59:07 · 3948 阅读 · 1 评论