目前项目中常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下如何在Vue中使用支付宝对H5页面进行支付。其实很简单，后台调个接口就行了（后台根据支付宝文档写支付接口）。触发支付宝支付调用后台接口，后台返回支付宝提供的form表单。我们只需要在vue中新建一个节点，追加返回的form表单，提交即可调用支付宝支付。这里也说说这个returnUrl，就是支付宝支付后回调的页面。具体可以根据自己的业务在后台写死或者由前端控制。methods(){/***支付宝支付*/goAlipay(){this.$loading.show()constdata={/*自身接口需要的一些参数*/...amount:this.price,/*支付宝支付后返回url*///returnUrl:'www.baidu.com'returnUrl:window.location.origin+window.location.pathname+'?userParams='+this.userParams}this.$http(this.$apiSetting.alipay,data).then(res=>{this.$loading.hide()if(res.data.statusCode==='000000'){constdiv=document.createElement('div')/*这里form是后台返回的接收数据*/div.innerHTML=res.data.data.alipayInfodocument.body.appendChild(div)document.forms[0].submit()}},error=>{this.$loading.hide()console.log(error)})}}个人支付宝也可以调用H5支付：点击查看
