<button @click="downloadImage()">下载</button>

 //保存图片到本地
    downloadImage(){
      // 将链接地址字符内容转变成blob地址, 解决图片下载直接打开问题
      // url 为图片地址
      const url="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
      fetch(url).then(async res => await res.blob()).then((blob) => {
        // 创建隐藏的可下载链接
        const a = document.createElement('a');
        a.style.display = 'none';
        a.href = URL.createObjectURL(blob);
        // 保存下来的文件名
        a.download = 'image.png';
        document.body.appendChild(a);
        a.click();
        // 移除元素
        document.body.removeChild(a);
      }) 
    },