Payment function implementation in vue project (WeChat payment and Alipay payment)

 topay(){
      switch(this.radio){
        case '3':
        this.yuer();
        break;
        case '1':
        this.zhifubao();
        case '0':
        this.getWechatCode();
      }
    },
   zhifubao(){
     payByZhifubao(
       {
         OutTradeNo:'Oct20200909095646265303127', //Merchant order number, the only order number in the merchant website order system, required. The merchant side must be unique.
          Subject: "Mobile Website Payment Test", //Topic ProductCode: "QUICK_WAP_WAY",
          body: "Mobile website payment description information", //Product description, optional TotalAmount: 20 //Payment amount, required}
     ).then(res=>{
       console.log(res);
        if (res.code === 201) {
            //Save data in vuex // this.$store.dispatch('addAliFrom', res.data.data)
            this.html = res.data;
            var form = res.data;
            const div = document.createElement("div");
            div.innerHTML = form; //Here form is the data returned by the background document.body.appendChild(div);
            document.forms[0].submit();
            //return this.$router.push('/aliPay')
          } else {
            return alert(res.data.msg);
          }
     })
    },

 <div id="wechatcode" v-loading="loading"
element-loading-text="Loading"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)">
</div>

 import QRCode from 'qrcodejs2' // Import qrcode

 getWechatCode() {
                Models
                    .getModel("wechatpay")
                    .get({
                        orderId:this.orderId
                    })
                    .then(res => {
                        if(res.data.code == 200){
                            this.wechatPayUrl = res.data.resultData
                            if(!this.flag){
                            //The key point is here, the rest is for my switching business logic and interface let wechatcode = new QRCode('wechatcode', {
                                    width: 200,
                                    height: 200,
                                    text: this.wechatPayUrl, // QR code address colorDark: "#000",
                                    colorLight: "#fff",
                                })
                            }
                            this.flag = true
                            this.loading = false
                            this.isWechatCodeShow = true
                        }
                    })
        },

 mounted() {
        this.getWechatCode()
        //Implement polling this.interval = window.setInterval(() => {
        setTimeout(this.getOrderStatus(), 0);
        }, 3000);
        
    },
    beforeDestroy() {
        // Clear polling clearInterval(this.interval)
        this.interval = null
    },