vue中下载csv文件和txt下载

1、下载csv文件

调用借口后得到的是csv格式的对象

//下载运行结果
downloadcsv(e) {
  let param = {
    executionId: e.target.parentNode.getAttribute('executionId')
  }
  exportResult(param)
    .then((res) => {
      if (res.status === 200) {
        this.ResultCsv = res.data//这里得到的是csv格式的数据 utf-8编码
        console.log(res.data)
        //设置表头和格式
        let csvData = 'data:text/csv;charset=utf-8,\uFEFF' + this.ResultCsv
        //调用下载方法
        this.createDownLoadClick(csvData, `查询结果.csv`)
      } else {
        this.ResultCsv = []
      }
    })
    .catch((err) => {
      this.ResultCsv = []
      console.log(err)
    })
}
//下载csv文件
createDownLoadClick(content, fileName) {
  const link = document.createElement('a')
  link.href = encodeURI(content)
  link.download = fileName
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)
},

2、列表内容 txt下载

this.Executionlog是调用接口后，得到的数组类型的数据

 //下载运行日志
 downloadlog() {
   const blob = new Blob(this.Executionlog)
   //iview的提示语
   this.$Message.success('正在下载……请稍等！')
   const objectUrl = URL.createObjectURL(blob)
   const a = document.createElement('a')
   document.body.appendChild(a)
   a.setAttribute('style', 'display:none')
   a.setAttribute('href', objectUrl)
   a.setAttribute('download', 'log.txt')
   a.click()
   // console.log(a.href);
   URL.revokeObjectURL(objectUrl)
   this.isLoading = false
 },