出现场景: 微信内打开的 h5,vue 单页应用 , history 模式流程描述:在微信内打开 h5 ,进入首页 -> 二级页面 -> 表单页 -> 在当前页面提交表单将数据传给第三方,此时问题来了,post 方式表单提交,在还未打开第三方页面的时候,表单页关闭并且回退到二级页面 -> 二级页面展示时间不到 1s 后,第三方页面打开代码<template>
...
<form method="post" :action="formData.url" id="postForm" style="display: none"; ref="form">
<input type="hidden" name="name" v-model="formData.name">
<input type="hidden" name="tel" v-model="formData.tel">
<input type="hidden" name="req" v-model="formData.req">
</form>
...
</template>
..../* 通过接口获取数据,然后拿到数据提交到第三方 */request({data}).then((res)=>{ this.formData = res.data; /* 表单提交部分 */
this.$nextTick(()=>{ this.$refs.form.submit();
})
})
......期望结果:提交表单后直接跳转至第三方,不存在闪屏。此种问题只出现在了微信内。
1 回答
- 1 回答
- 0 关注
- 658 浏览
添加回答
举报
0/150
提交
取消