![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
荻野泽溪
记录bug
展开
-
element-ui table组件如何高度自适应、el-table的x、y轴都出现滚动条右下角会出现一个小白块 解决方案
前言想要表格的高度自适应屏幕,保证table能一屏内展示完。elementUI的版本:"element-ui": "^2.14.1",关键代码: <div style="height: 80vh;"> <el-table style="width: 100%;background: transparent;overflow:auto;" v-loading="table.loadi...原创 2021-03-23 16:42:39 · 6594 阅读 · 2 评论 -
Element resetFields()重置表单不生效的问题
问题重现因 “添加” 和 “编辑” 字段是一样的,所以我把它们放在了一个弹框表单里面,也节省了代码资源开销,如果你是分开写的弹框也就不会出现这个问题了。重现步骤:进入列表页后,先打开编辑框,然后打开新增框,新增框会填充第一次打开的编辑框内容先打开编辑框再打开新增框新增编辑框也被填充了数据form的@closed 方法调用了resetFields,但没有生效resetForm() { this.$refs['form'].resetFields();},2.rese...转载 2020-09-15 09:32:32 · 592 阅读 · 0 评论 -
element-ui 自定义$confirm、$notify 内容
如有需要在confirm、notify循环添加数据 // 把写的提示信心需要换行的内容写在数组里 confirmText const confirmText = [ '1、回到首页后,实验流程数据将会清空。', '2、实验左下角提示按钮中包含实验介绍内容和实验操作引导视频。'] const newDatas = [] const h = this.$createElement for (const i in confirmText) { .原创 2020-08-25 17:59:26 · 2725 阅读 · 0 评论 -
Vue+element-UI table 导出到excel
由于表格的数据量很小,不劳烦后端再写接口转发链接:https://www.cnblogs.com/secretAngel/p/10277077.html准备工作: 1、安装依赖:npminstall--savexlsxfile-saver 2、在放置需要导出功能的组件中引入 import FileSaverfrom'file-saver'imp...转载 2019-06-27 09:10:12 · 1490 阅读 · 2 评论 -
element-ui 日历组件calendar 自定义使用
官方文档:https://element.eleme.cn/#/zh-CN/component/calendar官方文档描述过的我就不赘述了,最近做的项目有一个日历展示的功能,在此做一个记录。element-ui版本:^2.12.0效果图:关键代码如下:<el-calendar v-model="value" id="calendar"> ...原创 2019-10-24 15:34:06 · 45436 阅读 · 22 评论 -
element-ui框架table表格的列筛选 获取值传给后端
由于数据需要根据列筛选选中的值做特殊的处理,所以我要把选中值传到后端。代码:<el-table :data="tableData" style="width: 100%" @filter-change="handleFilterChange"> <el-table-column prop="tag" label="标...原创 2019-10-21 11:33:24 · 3632 阅读 · 0 评论 -
element-UI表格多选,翻页记住之前的选项以及弹窗回显默认选中
最近有个需求,element-ui表格多选,翻页的时候选中的选项不会被清空。我用的element-ui版本是:2.8.2下面是关键代码,模拟数据和分页根据自己需求加<el-table :data="productList" ref="multipleTable" :row-key="getRowKeys" @selection-change=...原创 2019-10-17 11:18:22 · 3998 阅读 · 3 评论 -
element-ui + vue 批量上传文件,接口请求一次
使用element-ui的上传组件时,你使用的是自动上传(即选择完文件就立马上传),即使你设置了属性 :multiple=true,但是请求接口的时候还是分开请求的,你选了几个文件就请求几次,那我们要如何请求一次,把文件和自己所需要的参数拼接好传给后台呢?这需要把自动上传改为手动上传。主要有两个步骤,首先是选取文件,第二部是点击上传(这一步做参数拼接)。上代码:html部分<...原创 2019-10-09 16:48:01 · 5988 阅读 · 13 评论