vue项目支付功能代码详解

1.支付宝方式：

支付宝方式：点击支付宝支付, 调用后台接口(携带订单号)，后台返回一个form表单(HTML字符串结构)，

提交form就可以调用支付宝支付

代码：

//  alipayWap: 后台接口返回的form 片段<div v-html="alipayWap" ref="alipayWap"></div>methods: {toAlipay () {this.$axios.get('xxx').then (res = 个form表单了this.$nextTick(() => {            this.$refs.alipayWap.children[0].submit()          })})}}

即可

需要自己根据后台返回的url生成二维码页面，如图所示

二维码展示代码：

请求后端的支付二维码接口

最后，扫码支付后，即可完成。