elementui
笑毅
这个作者很懒,什么都没留下…
展开
-
vue项目前端实现将table导出成excel功能1
适用条件原生tabel或者使用elementui的table组件1、安装以下插件,注意,不同版本可能会有不同的报错,最好锁定以下版本来安装“xlsx”: “^0.17.4”,“xlsx-style”: “^0.8.13”“file-saver”: “^2.0.5”注意:安装成功后,需要将node_modules->xlsx-style->dist->cpexcel.js中807行的内容替换成以下内容,否则会报错找不到cpexcel.js文件var cpt = require(原创 2022-04-11 17:24:37 · 5316 阅读 · 0 评论 -
element-plus表格组件动态渲染数据后在合并单元格踩的坑
在项目中,经常需要从后端获取数据后,在动态渲染表格。elementui的表格组件,提供了合并单元格的方法,添加一个属性span-method。但是在开发过程中发现,span-method只对静态数据有效,就是span-method只会依据表格第一次渲染的数据来渲染,表格数据在请求后端后数据更新了,span-method的规则并不会重新执行先说一下实现如下效果的方法合并指标名称相同的相邻行声明一个函数filterData,用于处理获取到的数据// dom部分<el-table :data=原创 2022-03-28 17:00:44 · 4197 阅读 · 0 评论 -
element-plus表格组件合并表头并自定义列内容踩坑记录
目标,实现如下表格踩坑记录合并表头后,不需要显示出来的二级表头怎样给隐藏掉?合并表头后,在二级el-table-column中获取不到scope.row了,获取到的是个{}话不多说,直接上代码原创 2022-03-23 16:56:29 · 766 阅读 · 0 评论 -
elementui表单校验遇到的问题
项目有,有时候表单的校验规则复杂,需要自定义关键代码如下// html代码部分<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="评估净值"> <el-input v-model="form.asPgjz" prop="asPgjz"></el-input> </el-form-item></原创 2022-02-16 11:19:18 · 1781 阅读 · 0 评论 -
elementui表格自定义列内容
项目中,有时候需要实现如下效果:关键代码如下:<el-table stripe :data="tableData" class="el-table-scrollable-y" :span-method="objectSpanMethod" border style="width:原创 2022-02-16 09:53:12 · 2547 阅读 · 0 评论 -
使用elementui遇到字体图标显示不正常的问题
在vue项目中使用elementui组件时,有时候会出现图标显示不正常,显示成一个方块的问题,可以按以下逻辑来排查查看elementui版本是否过低,如果过低,升级后在看,最好是卸载后在安装,单纯升级有可能升级后也出不来让后端查看下,是否后端的maven的filter过滤掉element的tff和woff文件导致没出来...原创 2021-03-11 16:14:08 · 1961 阅读 · 0 评论