如何处理 nuxt.js 中的路由参数更新

Question

如果目的地与当前路线相同，只有参数发生变化

going from one profile to another /users/1 -> /users/2.

如何识别并更新组件？

Answer 1

我不确定 next.js 是否相同，但在适当的路由器中，即使参数更改，相同的组件也会被重用。所以你需要专门watch参数更改。

来自 Vue 路由器文档：

在使用带参数的路由时需要注意的一点是，当用户从 /user/foo 导航到 /user/bar 时，将重复使用相同的组件实例。由于两条路由都渲染相同的组件，因此这比销毁旧实例然后创建新实例更有效。但是，这也意味着组件的生命周期钩子不会被调用。

看这里：https://router.vuejs.org/en/essentials/dynamic-matching.html#reacting-to-params-changes