vue 导出excel表格-乱码问题

注意：请求头加上responseType:‘blob’,否则可能会出现乱码问题

async exportExcel(){
      if(this.ArrFid.length == 0) return this.$message.warning('请选择表格导出内容')
      const res = await http.postHandleExport({ids:this.ArrFid})
      // console.log(res);
      var blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }) // application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型
      // var blob = new Blob([res], {type: "application/vnd.ms-excel"})
      var link = document.createElement('a')
      var url = window.URL.createObjectURL(blob) // 创建下载的链接
      link.style.display = 'none'
      link.href = url
      link.download = '台账明细.xls' // 下载后文件名
      document.body.appendChild(link)
      link.click() // 点击下载
      document.body.removeChild(link) // 下载完成移除元素
      window.URL.revokeObjectURL(url) // 释放掉blob对象
    },

如果上面代码依旧有问题，则需用原生axios写法，具体如下：

axios.post('/bj-slfh/business/damage/exportExcel',{ids:this.ArrFid},{responseType: "blob"}).then(res => {
        // var blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }) // application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型
        var blob = new Blob([res.data], {type: "application/vnd.ms-excel"})
        var link = document.createElement('a')
        var url = window.URL.createObjectURL(blob) // 创建下载的链接
        link.style.display = 'none'
        link.href = url
        link.download = '台账明细.xlsx' // 下载后文件名
        document.body.appendChild(link)
        link.click() // 点击下载
        document.body.removeChild(link) // 下载完成移除元素
        window.URL.revokeObjectURL(url) // 释放掉blob对象
      })