Vue中导出表格数据

在Vue的后台管理项目中，我们可能会遇到下面这种需要导出表格的情况

 点击导出表格的按钮时，将选中的所有行导出，代码如下所示：

 exportTable() {

      const link = document.createElement('a')

      link.style.display = 'none'

      const baseURL = process.env.VUE_APP_BASE_API   //请求路径的baseURL

      const ids = this.ids  //勾选的行的id

      const token = window.encodeURIComponent(getToken())  //tokn

      const url = `${baseURL}/statistics/cancelOrderExport?Authorization=${token}&ids=${ids}`  //  后端导出表格的接口地址

      link.href = url

      document.body.appendChild(link)

      link.click()

      document.body.removeChild(link)

    },