vue学习之router中replace需要返回两次的问题-解决

问题：a页面使用push进入到b页面，再使用push进入到c页面，c页面使用replace回到b页面，b页面需要点击两次才会返回a页面。

分析：页面跳转记录：a->b->c->b

现在c->b使用replace进行跳转，所以页面的堆栈记录是a->b->b，所以b页面需要两次才会跳转到a页面。

解决：在c replace 到b的后面加上this.$router.go(-1)回退一页。

this.$router.replace({ name: 'b' })
this.$router.go(-1)

注意：该方法移动端适配可能有问题：如ios14系统、OPPOA5手机等会发现路由携带的参数丢失。最终解决办法还是使用push进行指定跳转。