动态获取菜单栏时-面包屑导航-的处理二

问题详细分析

问题总结

  • 1.菜单需要是动态获取过来的
  • 2.路由切换时需要主动更新导航
  • 3.页面刷新时面包屑导航需要能获取到
  • 4.不能放在url的参数里,不然直接输入url没参数会有跳转问题

综合操作方法

  • 1.登录模块通过axios获取到菜单之后,存放到本地存储localStorage里
  • 2.通过vuex存储信息,vuex添加一个属性breadcrumb,用来记录当前菜单数据,定义一个方法SET_BREAD_CRUMB,修改当前菜单数据
  • 3.vuex的SET_BREAD_CRUMB获取本地存储的数据,然后给breadcrumb赋值
  • 4.main组件watch监听$route,路由变化时刷新SET_BREAD_CRUMB方法,修改breadcrumb,动态切换面包屑导航的数据
  • 5.BreadcrumbComponent组件mounted时重新执行SET_BREAD_CRUMB方法,在刷新时获取数据。

随机浏览