更换贺报下载的方法13

src/views/ebiz/generateImg/generateImg.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="contents">
-    <div id="capture" ref="generateImg" style="height: 100vh; overflow: hidden">
+    <div id="capture" ref="xingdownLoad" style="height: 100vh; overflow: hidden">
       <img src="@/assets/images/list_img.png" alt="" />
       <div class="box">
         <div class="title">
@@ -46,20 +46,20 @@ export default {
     }
   },
   beforeCreate() {
-    this.$refs.generateImg = null;
+    this.$refs.xingdownLoad = null;
   },
   created() {
     // this.isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
     // if(this.isIOS) {
     //   document.getElementsByClassName('box').style.top = '38%'
     // }
-    this.$refs.generateImg = this.$refs.generateImg
+    this.$refs.xingdownLoad = this.$refs.xingdownLoad
   },
   mounted() {
     this.getList()
   },
   beforeDestroy(){
-    this.$refs.generateImg = null;
+    this.$refs.xingdownLoad = null;
   },
   methods: {
     getList() {
@@ -77,14 +77,14 @@ export default {
     },
     // 分享
     fenxiang() {
-      if(this.$refs.generateImg != this.$refs.generateImg) {
+      if(this.$refs.xingdownLoad != this.$refs.xingdownLoad) {
         return
       }
       // const element = document.getElementById('capture')
       // const canvas = await html2canvas(element)
-        html2canvas(this.$refs.generateImg, {
-          width: this.$refs.generateImg.offsetWidth,
-          height: this.$refs.generateImg.offsetHeight,
+        html2canvas(this.$refs.xingdownLoad, {
+          width: this.$refs.xingdownLoad.offsetWidth,
+          height: this.$refs.xingdownLoad.offsetHeight,
           backgroundColor: '#fff',
           scale: 2,
           dpi: 300
@@ -113,11 +113,8 @@ export default {
     },
     // 生成图片并下载
     domToImage() {
-      console.log('this.$refs.generateImg', this.$refs.generateImg);
-      
-      if(this.$refs.generateImg != this.$refs.generateImg) {
-        return false
-      }
+      console.log('this.$refs.xingdownLoad', this.$refs.xingdownLoad);
+      this.$refs.xingdownLoad = this.$refs.xingdownLoad
       // let domElement = this.$refs.generateImg
       // console.log('this.$refs.generateImg',domElement);
       //   console.log(location);
@@ -174,13 +171,13 @@ export default {
       //   })
       
       setTimeout(() => {
-          let domElement = this.$refs.generateImg;
+          let domElement = this.$refs.xingdownLoad;
           async function captureAndProcessImage() {
             console.log(1111);
             try {
             // 获取 DOM 元素
             
-              console.log('this.$refs.generateImg', domElement);
+              console.log('domElement', domElement);
               console.log(location);
               console.log(2222);
 
@@ -245,6 +242,7 @@ export default {
 
           // 调用 captureAndProcessImage 函数
           captureAndProcessImage();
+          this.$refs.xingdownLoad = null;
           return false
       }, 500);
 
@@ -252,7 +250,7 @@ export default {
     },
     close() {
       this.$emit('child-colse', '1')
-      this.$refs.generateImg = null;
+      this.$refs.xingdownLoad = null;
     }
   }
 }