vue 单页面，提交表单后闪现表单页之前的页面

Question

出现场景： 微信内打开的 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();
    })
})
......

期望结果：提交表单后直接跳转至第三方，不存在闪屏。此种问题只出现在了微信内。

Answer 1

微信内，原表单提交，提交地址为 ip 访问，改为域名访问后，问题不再复现。