支付报错处理

src/pages/wxPay/index.vue

 <template>
-  <div class="domain">{{ message }}</div>
+  <div>
+    <div class="domain">{{ message }}</div>
+    <van-dialog use-slot :show="isShow" @confirm="handleConfirm">
+      <div class="dialog-content__wrapper">
+        <div>当前订单处在支付中，可能是以下情况：</div>
+        <div>* 您的前一比付款未完成</div>
+        <div>* 您的好友正在帮你付款</div>
+        <div style="margin-top: 10px;">为避免重复支持，请稍后确认支付</div>
+      </div>
+    </van-dialog>
+  </div>
 </template>
 
 <script>
@@ -95,6 +105,7 @@ export default {
       totalMoney: "",
       scene: "", //sso
       backUrl: "",
+      isShow: false,
     };
   },
   onLoad(options) {
@@ -256,6 +267,8 @@ export default {
               // }
             };
             wx.requestPayment(payData);
+          } else if (['504', '505'].includes(res.data.code)) {
+            this.isShow = true;
           } else {
             wx.showToast({ title: res.data.msg, icon: "none" });
           }
@@ -299,6 +312,9 @@ export default {
         )}`,
       });
     },
+    handleConfirm() {
+      wx.navigateBack();
+    },
   },
 };
 </script>
@@ -308,4 +324,8 @@ export default {
   text-align: center;
   padding-top: 50%;
 }
+
+.dialog-content__wrapper {
+  padding: 16px;
+}
 </style>

src/pages/wxPay/main.json

 {
-    "navigationBarTitleText": "支付"
+    "navigationBarTitleText": "支付",
+    "usingComponents": {
+        "van-dialog": "/static/vant/dialog/index"
+    }
 }