vue 导出csv

html

<a ref="link" class="el-button el-button--primary el-button--mini" @click="handleSearchPreviewExportClick">导出预览结果</a>

script 

handleSearchPreviewExportClick() {
      if (!this.tableDataList || this.tableDataList.length <= 0) {
        this.$message({
          message: '请先进行查询,并等待查询结果返回!',
          type: 'error'
        })
        return
      }
      var csvContent = 'data:text/csv;charset=utf-8,\ufeff'
      csvContent += this.tableHeaderData + '\n'
      console.log(this.tableDataList, 'this.tableDataList')
      this.tableDataList.forEach((item, index) => {
        for (let i = 0; i < item.length; i++) {
          if (item[i]) {
            csvContent += '"' + item[i] + '",'
          } else {
            csvContent += '"",'
          }
        }
        csvContent += '\n'
      })
      console.log(csvContent, 'csv')
      this.$refs.link.setAttribute('href', csvContent)
      this.$refs.link.setAttribute('download', 'download')
    },