Vue点击按钮下载图片

您可以使用以下代码来实现Vue点击按钮下载图片的功能：

HTML代码：

<template>
  <div>
    <button @click="downloadImage">下载图片</button>
  </div>
</template>

JavaScript代码：

export default {
  methods: {
    downloadImage() {
      const imageUrl = 'https://example.com/image.jpg'; // 替换为您要下载的图片的URL
      const link = document.createElement('a');
      link.href = imageUrl;
      link.download = 'image.jpg'; // 替换为您要保存的文件名
      link.click();
    }
  }
}

当用户点击“下载图片”按钮时，将会下载指定URL的图片并保存到本地。请注意，您需要将`imageUrl`和`link.download`替换为您要下载的图片的URL和文件名。