vue3 点击按钮下载图片

在 Vue 3 中，你可以使用 `window.open()` 方法来下载图片。以下是一个示例代码：

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

<script>
export default {
  methods: {
    downloadImage() {
      // 创建一个临时的链接元素
      const link = document.createElement('a');
      link.href = 'path/to/your/image.jpg';
      link.download = 'image.jpg'; // 下载的文件名

      // 强制触发点击事件来下载图片
      link.dispatchEvent(new MouseEvent('click'));
    }
  }
}
</script>

这个示例中，当按钮被点击时，会创建一个 `<a>` 元素，设置其 `href` 属性为图片的路径，将 `download` 属性设置为要下载的图片的文件名。之后，通过调度一个模拟点击事件来触发下载。