vue2.0中router.repalce跟router.push有什么区别,二者的应用场景是会有怎样的区别?

vue2.0中,在其对应的router2.0中解释router.replace跟router.push二者很像,唯一的区别是router.replace不会向 history 添加新记录,而是替换掉当前的 history 记录。
那么试问二者的应用场景有什么不同?

阅读 14k
3 个回答

可以把路由router想象成一个访问记录的栈,router.replace()是替换掉栈顶,而router.push()则是向栈中再堆如一个新记录。

一般情况下,要做前进后退的浏览记录管理的,基本上都是用router.push(),但是也是有一些特殊情况需要用到router.replace()。比如,有一个授权页,用户在按流程操作时,某一步需要授权,是直接跳到授权页,授权页提交授权请求,直到成功授权后,跳到流程中的下一步操作的地址。此处,授权请求的那页面应该用replace去替换掉自身的访问记录,防止用户跳到下一步流程后按后退键回退到授权页,而导致重复授权。

没有history的话,浏览器后退就无法找到上一个页面的了。

那如果,是在登录注册页面,使用replace,还是push好一些?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏