vue项目中Excel表格导出下载功能实现

 

实现方法:

html层 代码

 <download-excel
              :data="tableData"     //对应你的表格名称
              :fields="json_fields"
              :name="excelName">
              <el-button type="primary" plain class="down">下载表格</el-button>
 /download-excel>

data中定义

 //报表名称必须加后缀
      excelName: "潜客跟进数据报表.xls",   //表格的名字
      //导出的列的key和名称表头的设置
      json_fields: {       //表格的参数名
        潜客名称: "po_name",
        跟进教练: "name",
        升级会员: "VIP",
        创建时间: "createtime",
        最新跟进备注: "remark",
        最近沟通时间: "Communication",
      },

点击就这么简单~