bug

src/components/ShareImg.vue

 <template>
-<div>
+  <div>
     <div class="moban1box">
       <div id="moban1" class="canvas-html" v-show="showMoban1">
         <h2 class="share-title">与世童行·直通世界杯篮球嘉年华</h2>
-      <img
-        class="share-pic"
-        :src="info.image"
-      >
+        <img class="share-pic" :src="info.image" />
         <div class="f-cb">
           <h2 class="share-subtitle">《{{info.title}}》</h2>
           <h3 class="share-author">
             <span>
-            <img
-              :src="info.avatar"
-            >
+              <img :src="info.avatar" />
             </span>
             <b>{{info.nickname}}</b>
           </h3>
         </div>
         <div class="share-qrcode">
-        <span class="qrcode" :data-qrcode="'https://wanda-h5.bdideal.com/video-test/index.html#'+$route.fullPath"></span>
-        <p>长按识别二维码<br>为我点赞</p>
+          <span class="qrcode" :data-qrcode=" href + '#' +$route.fullPath"></span>
+          <p>
+            长按识别二维码
+            <br />为我点赞
+          </p>
         </div>
       </div>
     </div>
     <div id="test11" class="canvas-img">海报正在生成中......</div>
-</div>
+  </div>
 </template>
 
 
 <script>
+import api from "@/modules/js/api";
 export default {
-  data(){
-    return{
-      showMoban1:true
-    }
+  data() {
+    return {
+      showMoban1: true,
+      href: api.indexHref
+    };
   },
-  props:['info'],
+  props: ["info"],
   mounted() {
-    var _this=this
-    setTimeout(()=>{
-       window.htmlToBase64({
+    var _this = this;
+    setTimeout(() => {
+      window.htmlToBase64(
+        {
           domSourceId: "moban1",
           domTargetId: "test11"
-      },this.htmlToBase64CallBack)
-    },0)
+        },
+        this.htmlToBase64CallBack
+      );
+    }, 0);
   },
   methods: {
-    htmlToBase64CallBack(){
-      this.showMoban1 = false
+    htmlToBase64CallBack() {
+      this.showMoban1 = false;
     },
     closeShareoff(e) {
       console.log(e);
       e.stopPropagation();
-        },
+    }
   }
 };
 </script>