Vue导出excel/导出table中的数据excel

1.建立触发事件

  <div>
    <el-button @click="postExcel">导出Excel</el-button>
  </div>

2.导出事件

methods: {
    postExcel() {
      //创建对象
      const link = document.createElement("a");
      //你们跟后端商量的接口，需要动态加上前缀，我设置过了，所以不用加
      link.href = `接口`;
      例link.href = `/owwr/web/v1/en_excel/${id}`;
      //引入外链
      link.target = "_blank";
      //导出文件的名字
      link.download = "合同信息.xlsx";
      //注入
      document.body.appendChild(link);
      //点击
      link.click();
      //使用完毕及时迁出
      document.body.removeChild(link);
    },
  },

3.效果