vue实现图片下载和DOM元素下载

图片下载

const link = document.createElement('a');
link.href = this.QRCodeSrc;
link.setAttribute('download', '邀请二维码'); 
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

DOM元素下载，截取部分区域下载

import html2canvas from "html2canvas"; // 导入html2canvas

const canvas = await html2canvas(this.$refs.photo); // await很重要，不加会失败
const imageDataURL = canvas.toDataURL('image/png');// 创建一个虚拟链接用于下载
const downloadLink = document.createElement('a');
downloadLink.href = imageDataURL;
downloadLink.download = '邀请二维码'; // 指定文件名
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);