nuxt.js 指定页面监听路由变化
需求:根据路由不同,在default.vue显示不同的内容。
vue项目用nuxt.js做ssr,我想在default.vue监听router,watch好像监听不到,用路由守卫,要获取app这个变量,想通过let context = this.$ssrContext ? this.$ssrContext.state : window['__INITIAL_STATE__']获取context.app的方式获取app变量,但是这个context又是undefined,求大佬指教,有什么办法可以在指定页面监听到路由变化吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在default组件监听路由,前提是default组件已经挂载了,建议在根组件监听
app如果定义在其他路由,可以在其初始化后挂在window下,如果app是在default组件里,
路由守卫beforeRouteEnter的第3个参数next接受一个回调,回调的参数就是default组件的实例,这样就可以在defaul挂载前获取到app,