Vue router 多层跳转问题

项目中遇到问题：

从用户信息页面（页面A）跳转到编辑页面，填写表单（页面B）的时候，点击地图，会跳转到地图页面（页面C），选择完位置后，router.back()返回表单页面，此时点击返回，会出现返回到地图页面的情况。

问题分析

路径为：A-B-C-B-C-B-A
这是由于router.push会添加路由信息到路由记录中，造成此情况，而进入表单的页面不只一个，所以不能写死返回的页面。

问题解决

使用router.replace进入地图页面，这样就不会向history添加新记录，而是替换前一条，此时的history为A-C，如果调用router.back()就会直接返回到A，所以地图页面使用Push返回B页面即可。