vue3点击按钮下载图片

你可以使用HTML5的`<a>`标签和`download`属性来实现点击按钮下载图片的功能。具体实现如下：

1. 在Vue3的template中创建一个按钮，绑定点击事件：

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

2. 在Vue3的methods中实现`downloadImage`方法，该方法会创建一个虚拟的链接并设置`download`属性，然后模拟点击该链接来下载图片：

methods: {
  downloadImage() {
    // 获取图片链接
    const imageUrl = 'http://example.com/image.jpg';
    
    // 创建虚拟链接
    const link = document.createElement('a');
    link.href = imageUrl;
    link.download = 'image.jpg'; // 设置下载文件名
    
    // 模拟点击链接
    link.click();
  }
}

这样，当用户点击按钮时，就会自动下载名为"image.jpg"的图片。需要注意的是，图片链接必须是同域的，否则会受到浏览器的安全限制。