场景只这样的:app内点击支付,跳转到H5支付方式选择页面,选择支付方式,发起支付得到唤醒支付的链接,此时带着链接跳到一个iframe页面,将唤醒支付的链接设置给iframe,实现H5支付。
问题:在app内 内嵌的H5内无法唤醒H5支付,其他场景正常。
其他说明:H5为vue-cli3构建
<template>
<div class="WeixinPay" v-wechat-title="this.routeTitle">
<iframe
:src="WeixinPayUrl"
style="width:100%;height:100%"
method="post"
frameborder="0"
name="orderForm"
id="orderForm"
>
iframe>
div>
template>
<script>
export default {
name: "WeixinPay",
data() {
return {
routeTitle: "微信支付",
WeixinPayUrl: "",
};
},
mounted() {
this.WeixinPayUrl = this.$route.query.payurl;
this.$nextTick(() => {
//查询资料,有些笔记需要这样代码,测试发现并不需要,将WeixinPayUrl设置给iframe即可唤醒H5支付
//document.forms[0].submit();
});
},
};
script>
请问下,问题各位问题出在哪里?
let iframe = document.createElement('iframe');
iframe.src = url;
iframe.sandbox = "allow-same-origin allow-scripts allow-forms";
iframe.style.display = 'none';
document.body.appendChild(iframe);
APP支付,需要调用APP支付https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=8_1
app要接入app支付,不能用ifream接H5支付的模式。