element UI
element UI 个人笔记
是大林的林吖
不完美才是真正的完美
展开
-
elementui tree懒加载时 的节点的移除、更新
【代码】elementui tree懒加载时 的节点的移除、更新。原创 2022-11-05 12:42:11 · 934 阅读 · 1 评论 -
解决element-ui表单禁用状态时,其表单中包含的组件或其他元素不被禁用
-- 自定义组件的代码 --> ="-- 自定义组件的代码 --> "-- 自定义组件的代码 -->原创 2022-09-13 14:32:12 · 1918 阅读 · 0 评论 -
element ui 表单验证不通过,自动滚动到第一个验证失败的位置
自动滚动到首个未填字段所在位置原创 2022-07-12 16:39:20 · 1260 阅读 · 1 评论 -
element ui table表格有子节点(树形表格),且展开子节点不在默认第一列?
问题描述:element ui table表格有子节点(树形表格),且展开子节点不在默认第一列?解决:1、tableHead的数据格式返回如下,没有type属性的则会作为展开子节点列,tableData的数据格式如下,有children属性则会有子节点。:tree-props="{ children: ‘children’, hasChildren: ‘hasChildren’ }"tableHead:[ { "column_name": "a", "column_comment"原创 2022-01-26 09:39:52 · 1298 阅读 · 1 评论 -
el-table 某一行行高亮如何设置?
问题描述:使用了highlight-current-row属性实现点击行的高亮,但在操作栏的事件使用了stop阻止事件冒泡,所以导致点击事件后,当前行并没有高亮显示。解决方法:可以通过table的setCurrentRow方法传入当前行选中edit(row){ this.$refs.table.setCurrentRow(row) // row为当前行数据}...原创 2021-12-01 14:04:55 · 2717 阅读 · 0 评论 -
element UI Table 根据判断列值相等即合并单元格 & 根据某列值两个相等以上即设置单元格的 style
一、合并行单元格:span-method=“objectSpanMethod”<el-table v-loading="tableLoading" :data="tabledata" :element-loading-text="$t('common.loading')" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)"原创 2021-11-13 11:11:22 · 1909 阅读 · 0 评论 -
table表格 的type为selection有时无效问题
问题描述:table表格增加一列多选框,如果它页面中多个table,且用v-if else 控制,则会导致type的selection失效。解决:给v-if else 控制的table增加key值即可解决异常问题。原创 2021-11-03 08:04:45 · 1063 阅读 · 0 评论 -
vue+element ui el-upload覆盖默认的上传行为,可以自定义上传的实现
1.vue页面视图http-request覆盖默认的上传行为,可以自定义上传的实现,: 即绑定<el-upload action="string" :http-request="handleImport" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList" accept=".xls,.xlsx" :show-file-list="true">原创 2021-09-27 14:41:23 · 1119 阅读 · 0 评论 -
elementui table导出所有数据到excel,解决当某一列数据数字过长时以科学计数法计算,导致精度缺失问题。
一、继解决多页时,只能导出当前页数据的问题。https://editor.csdn.net/md/?articleId=118964628二、解决数字过长时以科学计数法计算,导致精度缺失问题。var xlsxParam = { raw: true };//转换成excel时,使用原始的格式,解决工单号过长导致数字自动转换为科学计数法导致精度缺失wb = this.$xlsx.utils.table_to_book(dt,xlsxParam);主要是这两句代码。使导出时以原始格式导出excel表格。原创 2021-07-23 17:55:38 · 634 阅读 · 0 评论 -
elementui table导出所有数据到excel,解决有多页数据只能导出当前页问题
一、上一篇已完成导出当前页数据。https://blog.csdn.net/qq_45616003/article/details/118939568二、在上一篇的基础上修改,解决多页时,只能导出当前页数据的问题methods: { //导出数据初始化及恢复原数据1、data查询条件,2、flag控制是否下载excel文件 async pageInit(data, flag) { await getWorkorderPaging(data).then((res) =>原创 2021-07-21 13:59:49 · 3026 阅读 · 11 评论 -
vue+element-ui的table数据导出到excel中
一、安装依赖npm install --save xlsx file-saver二、将FileSaver、XLSX挂载在Vue的原型上import FileSaver from "file-saver";import XLSX from "xlsx";Vue.prototype.$fileSaver = FileSaverVue.prototype.$xlsx = XLSX三、el-button、el-table、exportExcel<el-button icon=原创 2021-07-20 17:05:33 · 1311 阅读 · 0 评论