1.安装并在使用的界面引入XLSX

npm install xlsx
//demo.vue界面
<script>
import XLSX from 'xlsx'
</script>

2.获取本地文件信息,因为xlsx是后端访问的,所以需要用aixos请求去得到获取后的数据

其中url是本地文件路径,放在public中 url:/demo.xlsx

readExcelFile(url) {
      Axios.get(url,{responseType:'arraybuffer'})
      .then((res)=>{
        let data = new Uint8Array(res.data)
        let wb = XLSX.read(data, {type:"array"})
        let sheets = wb.Sheets // 获取文档数据
        this.content = this.transformSheets(sheets)
      }).catch( err =>{
        this.err = err
      })
    },
transformSheets(sheets){
      let content1 = []
      let tmplist = []
      for (let key in sheets){
        //读出来的workbook数据很难读,转换为json格式,参考https://github.com/SheetJS/js-xlsx#utility-functions
        tmplist.push(XLSX.utils.sheet_to_json(sheets[key]).length)
        content1.push(XLSX.utils.sheet_to_json(sheets[key]))
      }
      console.log(tmplist)
      console.log(content1)
    }

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐