Implementierung der Zahlungsfunktion im Vue-Projekt (WeChat-Zahlung und Alipay-Zahlung)

 topay(){
      Schalter(dieses.Radio){
        Fall '3':
        dies.yuer();
        brechen;
        Fall '1':
        dies.zhifubao();
        Fall '0':
        dies.getWechatCode();
      }
    },
   zhifubao(){
     bezahlenVonZhifubao(
       {
         OutTradeNo:'Oct20200909095646265303127', //Händlerbestellnummer, die einzige Bestellnummer im Bestellsystem der Händler-Website, erforderlich. Die Händlerseite muss eindeutig sein.
          Betreff: „Mobile Website-Zahlungstest“, //Thema Produktcode: „QUICK_WAP_WAY“,
          body: „Zahlungsbeschreibungsinformationen für mobile Websites“, //Produktbeschreibung, optional TotalAmount: 20 //Zahlungsbetrag, erforderlich}
     ).dann(res=>{
       konsole.log(res);
        wenn (res.code === 201) {
            //Daten in vuex speichern // this.$store.dispatch('addAliFrom', res.data.data)
            diese.html = res.data;
            var form = res.data;
            const div = document.createElement("div");
            div.innerHTML = form; //Hier sind die Daten „form“, die vom Hintergrund zurückgegeben werden. document.body.appendChild(div);
            Dokument.Formulare[0].Senden();
            //gib dies zurück.$router.push('/aliPay')
          } anders {
            gibt Warnung zurück (res.data.msg);
          }
     })
    },

 <div id="wechatcode" v-loading="wird geladen"
element-loading-text="Wird geladen"
Element wird geladen-Spinner = "el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)">
</div>

 QRCode aus „qrcodejs2“ importieren // QRcode importieren

 getWechatCode() {
                Modelle
                    .getModel("wechatpay")
                    .erhalten({
                        Bestell-ID:diese.Bestell-ID
                    })
                    .then(res => {
                        wenn(res.data.code == 200){
                            this.wechatPayUrl = res.data.resultData
                            wenn(!diese.flagge){
                            //Der entscheidende Punkt ist hier, der Rest ist für meine Umschaltgeschäftslogik und -schnittstelle let wechatcode = new QRCode('wechatcode', {
                                    Breite: 200,
                                    Höhe: 200,
                                    Text: this.wechatPayUrl, // QR-Code-Adresse colorDark: "#000",
                                    Farblicht: "#fff",
                                })
                            }
                            dieses.flag = wahr
                            dies.laden = falsch
                            this.isWechatCodeShow = true
                        }
                    })
        },

 montiert() {
        dies.getWechatCode()
        //Polling implementieren this.interval = window.setInterval(() => {
        setTimeout(this.getOrderStatus(), 0);
        }, 3000);
        
    },
    vorZerstören() {
        // Polling löschen clearInterval(this.interval)
        dieses.Intervall = null
    },