vue路由器同一页面刷新

时间:2018-08-20 08:28:42

标签: vue.js vuejs2 vue-router

我想从以下URL http://localhost:8081/#/scenarios/SCNRF3SZ2FS54E66B456转到该URL http://localhost:8081/#/scenarios/SCNRF3XAPLPJ241807A9。但这不起作用,下面是代码:

export default new Router({
   mode: 'hash',
   linkActiveClass: 'open active',
   scrollBehavior: () => ({ y: 0 }),
   routes: [
     {
       path: '/',
       redirect: '/scenarios/:id',
       component: Full,
       beforeEnter: beforeEnter,
       children: [{
       path: '/scenarios/:id',
       name: 'Scenario',
       component: Scenario
     }]
   }
  ]
 })

我如何使其工作?

1 个答案:

答案 0 :(得分:1)

如果我正确理解了您的问题,那是因为ID更改时,您的路由没有使用新数据进行更新。

要解决此问题,您可以查看路由的更改或将其合并到beforeRouteUpdate挂钩中,路由器文档会很好地解释它:

https://router.vuejs.org/guide/essentials/dynamic-matching.html#reacting-to-params-changes