目錄
1.支付寶方式：
代碼：
?
2.微信支付
二維碼展示代碼：
?請求后端的支付二維碼介面
1.支付寶方式：
支付寶方式：點擊支付寶支付, 呼叫后臺介面(攜帶訂單號)，后臺回傳一個form表單(HTML字串結構)，
提交form就可以呼叫支付寶支付
代碼：
// alipayWap: 后臺介面回傳的form 片段
<div v-html="alipayWap" ref="alipayWap"></div>
methods: {
toAlipay () {
this.$axios.get('xxx').then (res = > {
this.alipayWap = res;
// 等待dom更新, 等頁面中有這個form表單了
this.$nextTick(() => {
this.$refs.alipayWap.children[0].submit()
})
})
}
}
2.微信支付
大部分作業量是后端的事情，訂單的生成由后端去和騰訊對接的，前端只需要負責將后端回傳來的支付二維碼（由后端生成的，有些情況也可以前端去對接訂單生成之后由前端自己生成二維碼，這種情況比較少）展示在終端供用戶掃碼即可
需要自己根據后臺回傳的url生成二維碼頁面，如圖所示
二維碼展示代碼：
請求后端的支付二維碼介面
最后，掃碼支付后，即可完成，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/402756.html
標籤：其他