vue如何下载文件

文件下载方法
1.iframe下载

    var elemIF = document.createElement('iframe');
    elemIF.src = this.API+'/category_type/position/export';
     elemIF.style.display = 'none'
     document.body.appendChild(elemIF)

2.请求下载 返回直接是blob格式的

      this.$request({
        url:this.$miniService.admin+'/category_type/position/export',
        method:'get',
        params:{},
        responseType: 'blob'
      }).then(res=>{
        let blob = res.data;
        let fileName = Date.parse(new Date()) + '.xls'
        if (window.navigator.msSaveOrOpenBlob) {
          navigator.msSaveBlob(blob, fileName)
        } else {
          var link = document.createElement('a')
          link.href = window.URL.createObjectURL(blob)
          link.download = fileName
          link.click()
          //释放内存
          window.URL.revokeObjectURL(link.href)
        }
      }).catch(error=>{
        this.$message.error('下载失败'+error.msg)
      })

3.请求下载 返回是file格式的

      this.$request({
        url:this.$miniService.admin+'/category_type/position/export',
        method:'get',
        params:{},
        responseType: 'blob'
      }).then(res=>{
        let blob = new Blob([res.data], {
          type: 'application/vnd.ms-excel'
        })
        let fileName = Date.parse(new Date()) + '.xls'
        if (window.navigator.msSaveOrOpenBlob) {
          navigator.msSaveBlob(blob, fileName)
        } else {
          var link = document.createElement('a')
          link.href = window.URL.createObjectURL(blob)
          link.download = fileName
          link.click()
          //释放内存
          window.URL.revokeObjectURL(link.href)
        }
      }).catch(error=>{
        this.$message.error('下载失败'+error.msg)
      })