vue 打开图片链接是下载而不是打开新页面

要使Vue中的图片链接在用户点击时下载而不是打开新页面，你可以使用<a>标签的download属性。该属性用于指定链接的目标文件名，并告诉浏览器在点击时下载文件而不是打开它。

以下是一个示例：

<template>
  <div>
    <a :href="imageUrl" download="image.jpg">下载图片</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/image.jpg'
    };
  }
};
</script>

在上面的示例中，当用户点击“下载图片”链接时，浏览器将下载https://example.com/image.jpg并将其保存为image.jpg文件。你可以根据需要更改链接的URL和文件名。