vue2动态渲染el-table + 前端导出excel





动态渲染表单

后端传递的数据分为 表头 和 表格信息

表头信息:vue2动态渲染el-table + 前端导出excel_第1张图片

表格信息:vue2动态渲染el-table + 前端导出excel_第2张图片

这次做的动态渲染表单 是表头 == 表格的key值 渲染出表头之后 item[表头] 就能找到相对应的值

前端导出表格 需要引入 file-saver 和 xmls 

  1. npm install file-saver --save

  2. npm install xmls --save

需要给el-table 添加一个id 

vue2动态渲染el-table + 前端导出excel_第3张图片

把代码复制一下就能用 有问题不懂的地方可以留言讨论

你可能感兴趣的:(前端,excel,vue.js)