猿问

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

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

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


守着一只汪
浏览 659回答 1
1回答
随时随地看视频慕课网APP

相关分类

Html5
我要回答