vue 移动端保存图片

在 Vue 移动端保存图片，可以通过以下步骤实现：

1. 在 Vue 组件中，使用 `v-on:click` 或者 `@click` 监听用户点击事件。

2. 在点击事件的处理函数中，使用 `HTMLCanvasElement` 创建一个 canvas 元素。

const canvas = document.createElement('canvas');

3. 获取要保存的图片元素，可以是一个 `img` 元素或者其他带有图片的元素。

const imgElement = document.getElementById('imageId');

4. 在 canvas 上绘制图片。

const ctx = canvas.getContext('2d');
ctx.drawImage(imgElement, 0, 0);

5. 调用 `toDataURL` 方法将 canvas 转换为 base64 编码的图片数据。

const dataURL = canvas.toDataURL();

6. 创建一个 `<a>` 标签，并设置其 `href` 属性为图片数据的 URL。

const link = document.createElement('a');
link.href = dataURL;

7. 设置 `<a>` 标签的 `download` 属性，指定用户下载保存图片时的文件名。

link.download = 'image.png';

8. 将 `<a>` 标签添加到文档中，并模拟用户点击该链接来触发下载。

document.body.appendChild(link);