1. vue项目安装html2canvas ： npm install html2canvas
2. 构建dom元素

<div ref="imageTofile"></div>  <!-- 需要截图保存的dom-->
<img :src="imgUrl ">  //截图展示

js里面

//引入
import html2canvas from "html2canvas"
data里面定义变量
imgUrl

点击保存事件

 html2canvas(this.$refs.imageDom).then(canvas => {
          // 转成图片，生成图片地址
          this.imgUrl = canvas.toDataURL("image/png");
          //保存图片
          var alink = document.createElement("a");
          alink.href = this.imgUrl;
          alink.download = "picture"; //图片名
          alink.click();
        });