静态页面

index.html

@@ -7,6 +7,7 @@
   <meta name="referrer" content="no-referrer">
   <link rel="stylesheet" href="//at.alicdn.com/t/font_2039339_np6ovj5y28g.css">
   <script src="//api.map.baidu.com/api?v=2.0&ak=NH4DjAzwLcPkHgwBLWcfeZfr3uUnTlwk"></script>
+  <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script>
   <title>牛彩</title>
   <script>
     let Width = document.documentElement.clientWidth / 375 * 100

src/pages/WoDe/ZhiFuBaoRenZheng/index.vue

@@ -113,7 +113,7 @@
 
         </div>
         <div class="Content" v-if="UserInfo !== null && !UserInfo.isValidAli">
-          <a class="AliShouQuan centerLabel">支付宝授权</a>
+          <a class="AliShouQuan centerLabel" @click="ShouQuan">支付宝授权</a>
         </div>
       </div>
     </MainPageContainer>
@@ -128,6 +128,7 @@ export default {
   name: 'index',
   data () {
     return {
+      DataLock: false,
       Timer: null
     }
   },
@@ -153,28 +154,21 @@ export default {
     ...mapUserActions([
       'GetAliAppId'
     ]),
+    ShouQuan () {
+      this.GetAliAppId().then((res) => {
+        console.log(111)
+        window.ap.getAuthCode({
+          appId: res.data.data,
+          scopes: ['auth_base'],
+          showErrorTip: true
+        }, (subRes) => {
+          console.log(subRes, 222)
+        })
+      })
+    },
     UserInfoChange () {
       if (this.UserInfo !== null && !this.UserInfo.isValidAli) {
-        let HtmlHead = document.getElementsByTagName('head')[0]
-        let Script = document.createElement('script')
-        Script.src = 'https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js'
-        HtmlHead.appendChild(Script)
-        window.clearInterval(this.Timer)
-        this.Timer = window.setInterval(() => {
-          if (window.ap) {
-            window.clearInterval(this.Timer)
-            this.GetAliAppId().then((res) => {
-              document.getElementsByClassName('AliShouQuan')[0].addEventListener('click', () => {
-                window.ap.getAuthCode({
-                  appId: res.data.data,
-                  scopes: ['auth_base']
-                }, (subRes) => {
-                  console.log(subRes)
-                })
-              })
-            })
-          }
-        }, 100)
+
       }
     },
     Refresh (done) { // 页面下拉刷新