『解疑』在vue中路由使用this.$router.go(-1)返回两次

问题

在项目中给返回按钮添加事件，并且使用了this.$router.go(-1)，目的是为了返回上一个页面，然后点击之后钩子路由走了两次，返回到了上上个页面。

解决

• 若你也有遇到这种问题，请先检查你的路由配置中所有的name，看看是否存在命名出错。
• 同事的路由配置代码如下：

const router=new Router({
  mode:'history',
  routes: [
    {
      path:'/news/list',
      name:'new.list',
      component:NewsList
    }
})

我们可以发现他的name多了一个 点 ，然而问题就出现在这里了。

• 此时我们把name修改后，再运行代码，一切正常，问题得以解决。

const router=new Router({
  mode:'history',
  routes: [
    {
      path:'/news/list',
      name:'newList',
      component:NewsList
    }
})