【发布时间】：2019-08-07 12:04:19
【问题描述】：
当导航到页面的不同参数（/category/a 到 /category/b）时，Nuxt 不会更新页面
我有一个页面/pages/category/_id，它使用fetch 加载数据。第一次加载时它工作正常，但是当导航到另一个类别（使用nuxt-link）时，页面不会更新。
Fetch 被触发，但页面上的内容没有更新。浏览器中的网址已更改。
到目前为止，我尝试了以下几件事：
- 添加
watchQuery: ['id'],和watchQuery: ['page'],（我认为页面是关键字） - 在页面的列表渲染组件中添加
:key - 都使用
nuxt-link和$router.push进行导航
我没有收到任何错误消息。
我希望 nuxt 将此视为转到另一个页面。我正在考虑使用beforeRouteUpdate，但随后我必须手动对整个页面进行一些更新。
谢谢
【问题讨论】：
-
你能提供你的
fetch方法的代码吗？ -
@Krillko 我面临同样的问题。你的解决方案是什么？
-
@FooBar 我想我在其中一个子组件中添加了 :key，页面正在更新，但组件没有更新。所以我使用类别 id 作为子组件的键
标签： vue.js vuejs2 vue-router nuxt.js