vue通过url下载图片

Vue 本身并没有提供直接通过 URL 下载图片的功能，但可以通过使用 JavaScript 的方式实现。可以使用 XMLHttpRequest 对象来发送 HTTP 请求，然后将响应的二进制数据转换为 Blob 对象，最后使用 URL.createObjectURL() 方法生成图片的 URL，从而实现下载图片的功能。以下是示例代码：

function downloadImage(url) {
  const xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'arraybuffer';
  xhr.onload = function() {
    if (this.status === 200) {
      const blob = new Blob([this.response], { type: 'image/jpeg' });
      const url = URL.createObjectURL(blob);
      const a = document.createElement('a');
      a.href = url;
      a.download = 'image.jpg';
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
      URL.revokeObjectURL(url);
    }
  };
  xhr.send();
}

调用 downloadImage(url) 函数即可下载指定 URL 的图片。