Nuxt不会更新路线更改

时间:2019-08-07 12:04:19

标签: vue.js vuejs2 vue-router nuxt.js

导航到页面的不同参数(/category/a/category/b)时,Nuxt不会更新页面

我有一个页面/pages/category/_id,该页面使用fetch加载数据。首次加载时效果很好,但是当导航到另一个类别(使用nuxt-link)时,页面不会更新。

触发了获取,但是页面上的内容未更新。浏览器中的网址已更改。

到目前为止,我已经尝试了以下方法:

  • 添加watchQuery: ['id'],watchQuery: ['page'],(我认为页面是关键字)
  • 向页面上的列表呈现组件添加:key
  • 同时使用nuxt-link$router.push进行导航

我没有收到任何错误消息。

我希望nuxt将其视为转到另一页。我当时正在使用beforeRouteUpdate,但后来我不得不手动对整个页面进行一些更新。

谢谢

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,在我的情况下是特定页面,例如“ about.vue”。但是问题是,我已经有一个名为“ about”的文件夹,所以基本上我的文件夹结构是这样的:

pages/about.vue
pages/about/index.vue

因此请确保您查看pages/结构。