vue+element菜单栏刷新还保持选中状态、面包屑刷新还保持原来状态
首先先解决菜单栏刷新问题<el-menu:default-active="activedMenu($route.path)"class="el-menu-vertical-demo"@open="handleOpen"@close="handleClose"background-c...
·
首先先解决菜单栏刷新问题
<el-menu
:default-active="activedMenu($route.path)"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
background-color="#0b165a"
text-color="#fff"
active-text-color="#ffd04b">
</el-menu>
通过方法获取当前路径,让其刷新也保持选中状态
activedMenu (val) {
return val;
},
第二步通过对 activeMenu方法 继续修改,可以获取当前的路由列表
activedMenu (val) {
this.routes = this.$router.app._route.matched; //这个就是路由列表
console.log('router',this.$router)
console.log('router----path',this.$router.app._route.matched)
return val;
},
如果菜单使用了子组件,可以建立子父通信
matched:路由结构
更多推荐
已为社区贡献3条内容
所有评论(0)