![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
小扶苏
这个作者很懒,什么都没留下…
展开
-
封装element ui组件
在项目中,经常有封装element ui组件的需求目的其实也很简单,就是为了统一样式,或者方便后期统一修改,或者后期换组件之类的需求。下面来上代码,看看在vue里怎么封装已有ui组件其实道理是一样的,不只针对element ui,如果是其他ui组件也适用//select<template> <el-select @submit.native.prevent v-bind="$attrs" v-on="$listeners" ><slot></s原创 2021-12-10 16:44:58 · 1908 阅读 · 0 评论 -
el-select 重写(动态加载,已保存值无法回显问题)
element ui的 el-select 不满足需求,看了下源码对其中的某些方法重写问题: 下拉选项数据为动态加载,用户之前选择了第一页之后的数据,在编辑回显时,无法显示之前的已选值解决方案:然后el-select设置成返回已选项的对象需要保存选中项的code和name(需要和后端沟通,让他接口帮忙保存)重写el-select 的回显值方法下面是重写内容:<el-select ref="select" class="load-select" v-model=原创 2021-05-20 11:24:13 · 2527 阅读 · 2 评论 -
el-form 中表单 动态prop 的验证
el-form 中 表单动态prop 的验证某天接到个需求:1.管理页面数据时,个别字段值需要支持多语言2.整个页面数据只能是一份于是就是只能把form中对应的字段改成对象格式form: any = { name: "", url: "", title: {} };如上代码所示,title字段是一个对象,准备用来放各个语言对应的存储字段然后语言是可以动态...原创 2020-03-30 19:43:27 · 4083 阅读 · 2 评论 -
el-tree动态加载子级( 结合checkbox)
需求是el-tree 的子级 需要在:展开父级时勾选父级复选框时加载子级数据并渲染dom结构。需求1 还是比较好做的,官方有实例说明;需求2 的话,翻了下element ui的源码,checkBox上直接加了@click.native.stop T^T也就是说点击checkBox的时候根本不会触发loadNode 这个方法没办法只能去找手动触发的方法了,翻了一遍果然有!!!n...原创 2019-08-21 15:31:04 · 2382 阅读 · 0 评论 -
el-tree刷新数据之后保持之前的打开状态
简而言之就是利用:default-expanded-keys=“expandedList” 这个默认展开的属性然后用expandedList 数组记录你的展开情况在数据刷新之后,el-tree 会自动根据这个属性值的数组展开选项话不多说,上代码:<template> <el-tree ref="navigationTree" :default-ex...原创 2019-08-21 16:17:18 · 6669 阅读 · 4 评论