一些菜单业务逻辑的处理,在此记录一下:
业务场景:两级菜单,导航显示主菜单(公司),左侧菜单树(报表展现),通过主菜单选择渲染左侧菜单树,不同的公司可能存在相同(显示)的单页面
一、路由不同,切换导航菜单,加载左侧菜单树,相同的单页面展现,但路由不同,此时监听路由
watch:{ $route(to,from){ console.log(to.path); //do something } },
二、路由相同,切换导航菜单,加载左侧菜单树,相同的单页面展现,路由相同,此时监听导航菜单当前的菜单id
computed: { currentId() { return this.$store.state.currentId; //当前导航菜单的id } }, watch: { currentId(newVal, oldVal) { //do something } },