vue保存图片到本地

你可以使用html2canvas库来实现在Vue中保存图片到本地。首先，你需要在项目中安装html2canvas库。然后，你可以使用以下代码来实现保存图片到本地的功能:

// 引入html2canvas库
import html2canvas from 'html2canvas';
// 引入file-saver库
import { saveAs } from 'file-saver';

// 在方法中使用html2canvas生成canvas对象
handleExport() {
  let htmlDom = document.getElementById("long"); // 需要截图的元素
  this.$nextTick(() => {
    html2canvas(htmlDom, {
      scale: 1,
      x: htmlDom.offsetLeft,
      y: htmlDom.offsetTop,
      allowTaint: false,
      taintTest: true,
      useCORS: true,
      background: "#fff",
    }).then((canvas) => {
      // 将canvas转换为Blob对象并保存到本地
      canvas.toBlob(function (blob) {
        saveAs(blob, "demo.png");
      });
    });
  });
},

这段代码会将指定的HTML元素截取为一张图像，并保存为名为"demo.png"的文件。你可以根据需要修改文件名。