vue3下载本地图片

在 Vue3 中下载本地图片通常会通过 `FileSaver` 这个库来实现，它允许你将 Blob 对象转换成可以下载的文件。下面是一个简单的步骤：

1. 首先，你需要安装 `file-saver` 和 `blob-util` 库。在你的项目中运行：

   npm install file-saver blob-util

2. 然后，在你的组件内，假设你有一个 `url` 变量存储你要下载的图片 URL，你可以这样做：

import { saveAs } from 'file-saver';
import { readAsDataURL } from 'blob-util';

// 假设imgData是包含图片数据的对象，例如响应式属性data-url
const imgBlob = await readAsDataURL(imgData);

saveAs(imgBlob, 'image.png'); // 将图片命名为 image.png 下载