vue 导出 excel

npm install vue-json-excel -S

2.引入

import JsonExcel from ‘vue-json-excel’
Vue.component(‘JsonExcel’, JsonExcel);

3.组件内使用

<json-excel
    :data = "dataList"   //表格数据
    :fields = "fieldsList"   //表头映射数据
    name = "filename.xls"  //文件名字
    :header="rowData.dataSetName"  //表头名字
          
>
   <button type="button" size="small">导出EXCEL</button>
</json-excel>

 // 导出Excel 字段
      json_fields: {
        "测试1": "column1",    //常规字段
        "测试2": "column2", //支持嵌套属性
        "测试3":"column3",
        "测试4":"column4",
        "测试5":"column5",
        "测试6":"column6",
        "测试7":"column7",
        "测试8":"column8",
        "测试19":"column9",

      },
      fieldsList:[
      {
    "column1":"11",  
    "column2":"11",    
    "column3":"11",  
    "column4":"11",  
    "column5":"11", 
    "column6":"11",
    "column7":"11",
    "column8":"11", 
     "column9":"11", 
    }
]