vue中结合iview 的上传组件结合xlsx对上传的excel 表格数据进行处理

1.下载 iview

iview 官网

2.下载xlsx npm install xlsx --save

3.创建excel.js 工具文件 （在utils 文件夹下）

import XLSX from 'xlsx';

function auto_width(ws, data){
   
    /*set worksheet max width per col*/
    const colWidth = data.map(row => row.map(val => {
   
        /*if null/undefined*/
        if (val == null) {
   
            return {
   'wch': 10};
        }
        /*if chinese*/
        else if (val.toString().charCodeAt(0) > 255) {
   
            return {
   'wch': val.toString().length * 2};
        } else {
   
            return {
   'wch': val.toString().length};
        }
    }))
    let result = colWidth[0];
    for (let i = 1; i < colWidth.length; i++) {
   
        for (let j = 0; j < colWidth[i].length; j++) {
   
            if (result[j]['wch'] < colWidth[i][j]['wch']) {
   
                result[j]['wch'] = colWidth[i][j]['wch'];
            }
        }
    }
    ws['!cols'] = result;
}

function json_to_array(key, jsonData){
   
    return jsonData.map(v => key.map(j => {
    return v