vue下載圖片

1，html

<img :src="imgUrl" alt="二維碼圖片">
<span @click="downloadImg()"></span>

2，data中

// 引入圖片
import codeIMG from '@/assets/code.jpg';


data(){
  return {
     imgUrl: require("../../assets/img/upload.png")      
    }  
}

　　

3,方法

methods: {
     downloadImg(){
         var a = document.createElement('a')
         a.download = name || 'pic'
          // 設置圖片地址
          a.href = this.imgUrl;
          a.click();
     },
}