vue 中 用window.location.href下載圖片時，會跳轉頁面，而不會下載的解決方案

 

下載文檔時，用window.location.href這個方法下載很好用，但是當想下載圖片時，這個方法卻直接變成了跳轉。

 

於是乎，我們可以用創建元素節點的方式來實現下載圖片

 

代碼片段如下：

methods: {
    handleDown(row){
      //window.location.href= process.env.VUE_APP_BASE_API + row.filePath;
      console.log('下載圖片')
      let a = document.createElement('a')
      let path = row.filePath.lastIndexOf('/')
      // console.log(row.filePath.substr(path+1),"row.filePath.substr(path+1)")
      a.download = row.filePath.substr(path+1)//設置下載的文件名
      a.href = process.env.VUE_APP_BASE_API + row.filePath; // 設置圖片的下載地址
      a.click();//觸發下載事件
      },
}