vue路由指向某个html页面,vuejs路由回退到指定页面

tim.jpg

前言

2018年一月份已经saygoodbye，二月份是浮躁的月份。自己很少写博客，但是经常看别人写的，有做笔记的，有分享技术和面试经验的。感觉写的都很好，自己也想尝试下，记录下自己的成长，坚持写博文，希望在2018年末的时候，看到这篇博文的时候，能发现自己这一年过得很有意义...

问题场景

我们在写单页面(spa)的时候，如果页面比较复杂的话，肯定会遇到路由问题的。我们平时关注的是路由跳转，例如：从A页面->B页面->C页面，这样一级一级的跳转下去。但是在实际的开发中，碰到了这种情况，有一个列表页，点击进入详情页，详情页是可以支付的页面。我们支付成功后，跳转到成功的页面。但是如果我们按回退的页面的话，就会返到详情支付的页面，如果用户的误操作，可能会在支付一笔，这就不是我们想看到的(回退如果不缓存的话，会刷新页面，更新详情页，需要后台更改支付状态的话，也能解决)；但是我们能不能通过路由解决呢？

vue-router

在看问题之前，我们要分清楚下面编程式导航的意思(列举常用的几个)；具体用法可以查看这里，这里只做对比：

router.push();

// 会记录跳转的路由，并存在 history 栈里(具有length属性)，适合不同页面的切换&#