vue表格数据导出excel

表格数据导出excel

在项目中创建一个文件夹
把Blob.js和 Export2Excel.js这两个文件夹放到新建的文件夹
链接: https://pan.baidu.com/s/1sXMEce5MbTOvgf1yFvd5IQ 密码: qvi7 （有这两个文件）
修改exprot2Excel.js文件里面的Blob.js路径，

 <el-button @click="except">下载表格</el-button>

  methods: {
    //导出数据为Excel
    except(){
       require.ensure([],()=>{
         const {export_json_to_excel}=require("../excel/Export2Excel")//excel地址
         const tHeader=["主机id","主机"]//表头
        // var dataVal=[];
        // for(var i=0;i<this.tableData2.length;i++){
        //   // dataVal.push(this.tableData2[i].interfaces[0].ip,this.tableData2[i].interfaces[0].interfaceid)
        //   dataVal=[this.tableData2[i].interfaces[0].ip,this.tableData2[i].interfaces[0].interfaceid]
         
        // }
        //  console.log(dataVal)

        //  console.log(this.tableData2[1].interfaces[1].ip)
         const filterVal=['hostid','host']//对应数据字段
         const list=this.tableData2;//表数据
         const data=this.formatJson(filterVal,list)
         export_json_to_excel(tHeader,data,'主机信息')//表名
       })
    },
    formatJson(filterVal,jsonData){
        return jsonData.map(v=>filterVal.map(j=>v[j]))
    },
    }