![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
文章平均质量分 58
zjr11111
这个作者很懒,什么都没留下…
展开
-
Element树形懒加载表格,数据改变时刷新列表
写个小demohtml<div id="app"><template><div> <el-button @click="handletest">123</el-button> <el-table :data="tableData1" style="width: 100%" row-key="id" ref="tableDom" border lazy :l原创 2021-01-06 10:42:02 · 1759 阅读 · 0 评论 -
element拖拽表格
1.引入利用require或直接引入Sortablerequire(["${base}/plugins/qs/qs.js","${base}/plugins/sortable/Sortable.min.js"], function (qs, Sortable) {})2.表格(注意key值不能重复)<el-table ref="fileTable" :data="fileTable" class="fileTable" row-key="key"></el-table>原创 2020-10-10 15:15:49 · 210 阅读 · 0 评论 -
element的select框实现懒加载数据
element模糊搜索下拉框数据太多,和后端协商做成懒加载模式自定义指令el-select-loadmorev-el-select-loadmore=“handleLoadMore”<el-select popper-class="matterNameClass" v-model="matterName" placeholder="请输入名称关键字" style="width: 100%" @change="selectMatter" v-el-select-loadmore="handleLo原创 2020-08-28 10:32:55 · 3149 阅读 · 0 评论 -
前端树状结构搜索过滤解析
树状搜索参照element树过滤方法进行解析假设后端传递树状结构为datadata: [ { id: 1, label: '一级 1', children: [{ id: 4, label: '二级 1-1', children: [{ ...原创 2020-04-05 00:47:06 · 1437 阅读 · 1 评论 -
element可编辑表格验证失效问题
elemnet官网实例动态增减表单项<el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic"> <el-form-item v-for="(domain, index) in dynamicValidateForm...原创 2019-10-31 11:25:36 · 1070 阅读 · 0 评论 -
element上传组件重名判断,下载
上传组件本次调用不执行立即上传<el-upload class="upload-demo" ref="fileUpload" action="${base}/survey/surveyConfirmFile/uploadFile"<!--必选参数,上传的地址--> :on-change="fileChange"<!--文件状态改变时的钩子...原创 2019-10-18 09:34:57 · 1090 阅读 · 0 评论 -
element表头通过render-createElement自定义
element官方文档利用render-header进行渲染为当前label增加tooltipmethods: { labelHead(h,{column,index}){ return [ h( 'el-tooltip', ...原创 2019-08-21 14:27:42 · 280 阅读 · 0 评论 -
element的upload组件在before-upload之后触发before-remove以及后面on-remove方法
element的upload组件在before-upload之后return false之后竟然自动触发了before-remove以及后面on-remove方法解决方法:移除前方法BeforeRemove(file,fileList){ if (file && file.status==="success") { //移除前方法 ...原创 2019-08-08 11:26:15 · 10518 阅读 · 4 评论 -
element合并单元格
获取表格基础合并数组 getIndex(){ let table = this.tableData this.spanArray = [] table.forEach((item,index)=>{ if(index === 0){ this.spanArray.push({sameName:item.ma...原创 2019-07-04 16:17:31 · 295 阅读 · 0 评论 -
element表格卡顿性能问题
之前在用vue和element搭建的项目里一直出现表格卡顿问题,开始以为是表格基数大导致的问题,后来在官网写了个demo发现并没有这方面的问题。由于该系统后端发过来的数据大多都是id或value值,需要前端自己遍历数据,因此我写了多个过滤器来实现。在之后的排查中发现卡顿问题是由于这些过滤器导致的,可是如果表格数据没有发生变化怎么会多次渲染,执行过滤器里的代码呢?又在element官网中...原创 2019-06-20 16:08:17 · 20880 阅读 · 10 评论 -
element验证不通过焦点自动跳转
this.$refs[formName].validate((valid) => { if (valid) { //... } else { this.nextTick(()=>{ var isError= document.getElementsByClassN...原创 2019-06-10 16:09:20 · 701 阅读 · 2 评论 -
Vue+element ,el-form 中加el-col或el-row布局,无法获得光标
在一个Vue+element 的项目中做表单操作,加入el-col后出现了,输入框点击无效的情况<div id="app"> <el-form ref="form" :model="form" label-width="80px"> <el-col :span="12"> <el-form-item label=...原创 2019-05-21 23:04:06 · 22618 阅读 · 5 评论 -
element树表格默认打开
在网上参考了以下方法但并没有起效,考虑到渲染的问题进行了改造,加上了$nextTick总的来说就是取class为el-table__expand-icon的结点进行了模拟点击,在你想要树展开的地方调用expandAll () { const els = this.$el.getElementsByClassName('el-table__expand-icon') this.$...原创 2019-05-24 16:20:23 · 738 阅读 · 0 评论 -
elment验证无效及表单数据无法赋值问题
最近在element的使用中发现自己对它的了解很粗糙。首先在表单中我们要注意form的定义let form = {str:''}//truelet form = {}form.str = ''//false验证:在写了rule,prop和定义了绑定form之后是根据rule来进行验证,验证的东西是form[prop]的值,不是你单独绑定的值<...原创 2019-03-27 23:11:13 · 1105 阅读 · 0 评论