iview+vue实现导入EXCEL预览功能_vue.js_

          
                    上传Excel文件           当前选择文件：{{ uploadfile.name }}                  清空数据       
       导入前请下载查看导入模版数据文件查看所需字段及说明，确保数据格式正确，不得修改列英文名称                      
           关闭                        确认导入             {{ importTableData.length }} 条数据                    
       

npm i xlsx

import XLSX from "xlsx";

importFile: importEquipment,//接口 accessToken: {}, uploadfile: {      name: '' }, importColumns: [], importTableData: [],

//导入数据     beforeUploadImport(file) {       this.uploadfile = file       const fileExt = file.name         .split('.')         .pop()         .toLocaleLowerCase()       if (fileExt == 'xlsx' || fileExt == 'xls') {         this.readFile(file)         this.file = file       } else {         this.$Notice.warning({           title: '文件类型错误',           desc:             '所选文件‘ ' +             file.name +             ' '不是EXCEL文件，请选择后缀为.xlsx或者.xls的EXCEL文件。'         })       }       return false     },     // 读取文件     readFile(file) {       this.reading = true       const reader = new FileReader()       reader.readAsArrayBuffer(file)       reader.onerror = (e) => {         this.reading = false         this.$Message.error('文件读取出错')       }       reader.onload = (e) => {         console.log(e.target.result)         const data = e.target.result         const { header, results } = excel.read(data, 'array')         const tableTitle = header.map((item) => {           return { title: item, key: item, minWidth: 130, align: 'center' }         })         this.importTableData = results         this.importColumns = tableTitle         this.reading = false         this.$Message.success('读取数据成功')       }     },     uploadSucess(response) {       if (response.code == 200) {         this.$Message.success('导入成功')         this.importModalVisible = false         this.clearImportData()         this.getDataList()       } else {         this.$Message.error(response.message)       }       this.uploadfile = {}     },     clearImportData() {       this.importTableData = []       this.importColumns = []       this.uploadfile = {}       this.$refs.upload.clearFiles();     },