【优化】移动端小程序/APP支付页面防止重复多次提交

移动端小程序/APP支付页面，确认支付按钮，由于网络响应延迟的问题，用户误以为没有点击到或者点击未响应，有时候会重复点击确认支付，致使闪屏或者多次弹窗。本次修复以上问题。

修改代码如下：

1.打开pages\cashier\pay.js 文件 在submit函数和wxpay函数中增加判断

if (that.paysubmit) {
  uni.showToast({
    title: "请不要重复提交...",
    icon: 'loading',
    mask: true
  })
  return
}

2.修复pages\cashier\pay.vue 文件, data(){}中新增变量paysubmit: false,change方法中赋值this.paysubmit = false;

 data() {
  return {
    bizOrderId: '',
    bizIdentity: '',
    orderInfo: {},
    payments: {},
    payment_code: '',
    orderId: '',
    paysubmit: false //新增变量
  }
},

methods: {
  change: function(e) {
    this.paysubmit = false;//新增赋值
    this.payment_code = e.detail.value
  }
}

3.修复pages\cashier\wxpay.vue 文件, data(){}中新增变量paysubmit: false

data() {
  return {
    orderInfo: {
      title: '',
      amount: 0,
      payee: 'shopwind'
    },
    jsApiParameters: {},
    paysubmit: false //新增变量
  }
},

修复文件具体内容请点击附件下载