与网上不同的使用方式：

官网

dom-to-image-more - npm

 这里不会出现两行缩略不行的bug

yarn add  dom-to-image-more     

下面 生成图片并下载图片

  const picture = ref()

 

  const dom2img = () => {var node = picture.valuedomtoimage.toPng(node, { cacheBust: true, bgcolor: 'white', copyDefaultStyles: false }).then(function (dataUrl) {var img = new Image()img.src = dataUrldocument.body.appendChild(img)exportPicture(dataUrl)}).catch(function (error) {console.error('oops, something went wrong!', error)})}// 导出图片const exportPicture = (link, name = '未命名文件') => {const file = document.createElement('a')file.style.display = 'none'file.href = linkfile.download = decodeURI(name)document.body.appendChild(file)file.click()document.body.removeChild(file)showPicture.value = false}