VUE
PrettyBoy@
程序元
展开
-
VUE无需上传,在浏览器中查看xlsx或xls表格
xlsx-to-table无需上传,在浏览器中查看xlsx或xls表格,由js-xlsx驱动.(https://www.npmjs.com/package/xlsx-to-table)依赖vue: ^2.0.0用法install npm install xlsx-to-table --savemain.jsimport xlsxToTable from 'xlsx-to-table'Vue.use(xlsxToTable, {rABS: false}) //浏览器的FileRe原创 2020-11-26 16:50:29 · 816 阅读 · 0 评论 -
VUE+ElementUI表格表头文字换行,导致底部拖动条消失解决办法
VUE+ElementUI表格表头文字换行,导致底部拖动条消失解决办法原因:表头过长原本底部应该应该显示的拖动条,被表头中长字段换行而挤下去,调整浏览器窗口大小又能出现拖动条。解决方法:动态表格加载完之后,重新布局this.$nextTick(()=>{ //动态表格加载完之后,重新布局 解决表头换行,滚动条消失的bug this.$refs.dataTable.doLayout();});看效果:.原创 2020-11-21 14:28:46 · 641 阅读 · 1 评论 -
VUE+ElementUI生成Excel模板 导入数据生成表格(自适应)
VUE+ElementUI生成Excel模板 导入数据生成表格(自适应)最近项目需求,需要根据条件查询对应数据的参数(每条数据的参数名称和个数都不一样) ,生成Excel表格模板,再通过Excel模板填写数据上传Excel,展示在页面上。该功能的难点在于每条数据模板都不一样,需要动态生成模板,以及自适应显示上传的表格内容。1.导出表格模板首先前端从后台获取数组类型的模板数据(this.tableHead)使用exportExcel.js 导出ExcelexportExcel.j.原创 2020-11-21 14:10:40 · 4929 阅读 · 4 评论