vue.js - vue spa 提交表单后物理返回,又返回至表单页面
本文介绍了vue.js - vue spa 提交表单后物理返回,又返回至表单页面的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
步骤:spa 提交表单后跳转至信息展示页面,代码如下:
this.$router.go({
name: 'UserInfo'
})
问题: 提交表单后跳转至信息展示页面,信息展示页面物理返回,又返回至表单页面,但如果在表单页面不提交表单直接物理返回是可以返回上一页的。
尝试方法:
//1
this.$router.go({
name: 'UserInfo',
replace:true
})
//2
this.$router.redirect({
'/user/info/modify-phone':'user/info'
})
尝试结果:
加了
replace
后,虽然不会再返回表单页面,但是要两次物理才能返回至上一页面使用
redirect
,效果和go
一样,同样会返回至表单页面
期望结果:提交表单后跳转至展示页后,再物理返回应返回至展示页的上一页面
接触 vue 时间不长,最近总算用它按部就班地实现了前后端分离,开发过程中遇到过大大小小的问题,有的自己解决了,有的通过网上的解决方案解决了,但是这个问题一直没有进展,所以有会的小伙伴还请帮帮忙
解决方案
楼上回答是对的,history.replaceState()直接修改当前history实体
这篇关于vue.js - vue spa 提交表单后物理返回,又返回至表单页面的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文