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.微信支付

大部分工作量是後端的事情，訂單的生成由後端去和騰訊對接的，前端只需要負責將後端返回來的支付二維碼（由後端生成的，有些情況也可以前端去對接訂單生成之後由前端自己生成二維碼，這種情況qycpAOdv比較少）展示在終端供使用者掃碼即可

需要自qycpAOdv己根據後臺返回的url生成二維碼頁面，如圖所示

二維碼展示程式碼：

請求後端的支付二維碼介面

最後，掃碼支付後，即可完成。

到此這篇關於專案支付功能的文章就介紹到這了,更多相關vue支付功能內容請搜尋我們以前的文章或繼續瀏覽qycpAOdv下面的相關文章希望大家以後多多支援我們！