Vue公共组件通过不同路由加载不同内容

image.png
image.png
场景1: 从api中点击切换到路由时左侧菜单改变对应内容
场景2: 从url中输入路由地址时左侧菜单改变对应内容

不能使用联级组件的方法
通过路由变化去改变公共组件的数据

阅读 4.9k
4 个回答

组件里用 computed 返回导航就可以了吧。

可以使用路由守卫,例如 beforeEach,然后在回调中改变组件的数据。

根据 this.$route.name 判断显示内容

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题