vue读取本地的excel文件并显示在网页上方法示例_vue.js_脚本之家

{{item}}

/src/scripts/read_xlsx.js

1.经过vue-cli新建项目:

const XLSX = require//将行,列转换function transformSheets { var content = [] var content1 = [] var tmplist = [] for { //读出来的workbook数据很难读,转换为json格式,参考https://github.com/SheetJS/js-xlsx#utility-functions tmplist.push(XLSX.utils.sheet_to_json content1.push(XLSX.utils.sheet_to_json } var maxLength = Math.max.apply //进行行列转换 for (let y in [...Array{ content.push for (let x in [...Array { try { for (let z in content1[x][y]){ content[y].push } } catch  { content[y].push } } } content.unshift for { content[0].push } return content}export {transformSheets as default}

2.编写制定解析excel workbook的本子

自身想完毕读取叁个地面的xlsx文件然后展现在网页上,
一方始选取的艺术是建个express server, 通过发送axios哀告来兑现,
然则以为只是读取八个当羊眼半夏件还要搞个server太复杂了,
最后依然经过”xlsx”模块 + axios达成了读取当麻芋果件, 不要求后端, 步骤如下:

/src/components/task_list.vue

  {{err}}    {{h}}

发表评论

电子邮件地址不会被公开。 必填项已用*标注