关于vue.js: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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。