小编Alb*_*kyi的帖子

如何使用Nuxt和asyncData监视路由更改

大家好,我想在我的nuxt js应用程序中观察路线变化。

这是我的中间件:

    export default function ({ route }) {
  return route; but i don't know what to write here
}
Run Code Online (Sandbox Code Playgroud)

index.vue文件

  middleware: [routeReact]
Run Code Online (Sandbox Code Playgroud)

我试图写这个:

app.context.route = route
Run Code Online (Sandbox Code Playgroud)

但它告诉我app.context不存在

这是我的问题的重点,如果这样更改路线,我将尝试使用页面上的axios更新从我的api获取的数据

这页 在此处输入图片说明

我点击链接到下一页:

在此处输入图片说明

但是当我转到下一页时,所有数据都是一样的:

在此处输入图片说明

这是我的asyncData代码:

asyncData({ app }) {
return app.$axios.$get('apps/' + app.context.route.fullPath.replace(/\/categories\/?/, ''))
.then(res => {
  return {
    info: res.results,
    nextPage: res.next,
    prevPage: res.prev
    };
  })
Run Code Online (Sandbox Code Playgroud)

}

谢谢你的帮助

vue.js vue-router nuxt.js

4
推荐指数
1
解决办法
5924
查看次数

标签 统计

nuxt.js ×1

vue-router ×1

vue.js ×1