update

src/views/user-center/share-invite/index.vue

@@ -18,7 +18,7 @@
         </div>
         <div class="content-footer">
           <div class="qrcode">
-            <div class="img_box" v-qcload="that">
+            <div class="img_box">
               <div ref="qrcode" class="codeImg" id="qrCode" v-show="false"></div>
               <img :src="qrcodeImg" alt="" class="codeImg">
             </div>
@@ -45,17 +45,6 @@
 import QRCode from "qrcodejs2";
 import { mapState } from "vuex";
 export default {
-  directives:{
-    qcload:{
-      inserted(el,binding){
-        setTimeout(() => {
-          let img=el.querySelector('img')
-          binding.value.qrcodeImg=img.src
-        }, 300);
-        
-      }
-    }
-  },
   data() {
     return {
       shareList: ["发送给好友", "分享到朋友圈", "发送到QQ"],
@@ -75,6 +64,9 @@ export default {
         text: urlValue,
         correctLevel : QRCode.CorrectLevel.H 
       });
+      let myCanvas=document.getElementsByTagName('canvas')[0]
+      let imgSrc=myCanvas.toDataURL('image/png')
+      this.qrcodeImg=imgSrc
     },
   },
   created() {
@@ -83,7 +75,6 @@ export default {
     this.$nextTick(()=> {
       this.creatQrcode(this.downloadUrl)
     })
-    console.log(this.accountInfo)
   }
 };
 </script>