无法通过路由器链接再次重新加载页面

Question

如您所见，有一个列表将自身作为参数发送到routerlink。当我单击该

时，它工作正常，但是当我再次单击另一个

时，它不会更改页面。用这个

引导我

这是在Router.js中

is...((unsigned char) s[i])

这是在nav.vue中

{
  path: '/works/:sort_id',
  name: 'WorksView',
  component: WorksView,
 }

Answer 1

在您的情况下，Vue路由器不会更改路由，而只会更改参数。 它不会导致组件的重新创建。 您可以使用:key属性强制重新渲染模板的特定部分。

例如

<some-component :key="$route.params.sortId">

或使用Watchers处理路由参数更改并做一些事情，例如使用新的排序参数获取请求。路由参数here的示例。