vue调用支付宝支付接口返回form

1.开发环境 vue
2.电脑系统 windows10专业版
3.在开发的过程中,我们在支付的时候会选择支付方式,下面我来分享一下调用后端接口(后端接口支付宝的支付接口)返回form,前端怎么处理呢?方法如下。
4-1:在template中添加如下代码:

<div class="Graphicdetailsfooter" v-html="this.ConfirmOrderobj.alipayPayObj.cont">{{ this.ConfirmOrderobj.alipayPayObj.cont }}</div>

4-2.在选择支付方式的方法中,添加如下代码:

const div = document.createElement("divform");
            div.innerHTML = this.ConfirmOrderobj.alipayPayObj.cont;
            document.body.appendChild(div);
            document.forms[0].acceptCharset = "GBK"; // 保持与支付宝默认编码格式一致，如果不一致将会出现：调试错误，请回到请求来源地，重新发起请求，错误代码 invalid-signature 错误原因: 验签出错，建议检查签名字符串或签名私钥与应用公钥是否匹配
            document.forms[0].submit();

//注意:this.ConfirmOrderobj.alipayPayObj.cont 就是后端返回的支付宝的form

5.效果如下:

6.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。