11.11每日总结

element-ui侧边栏实现路由跳转：重点是:default-active和router才能正常跳转&默认展开侧边栏:default-openeds

南北极之间

已于 2022-01-19 09:26:38 修改

阅读量1.8w
收藏 57

点赞数 12
分类专栏： 前端开发 文章标签： ui javascript 开发语言
版权

前端开发
专栏收录该内容
558 篇文章37 订阅
订阅专栏
1.element-ui侧边栏实现路由跳转
关键代码：

在<el-menu>中需要--:default-active="this.$route.path"。用来绑定路由表

在<el-menu>中需要--router------或者router=true
这是一个侧边栏：

 

<el-menu :default-active="this.$route.path" router>
<el-submenu index="2">
<template slot="title"><i class="el-icon-menu"></i>导航</template>
<el-menu-item index="/mytopic">我的题目</el-menu-item>
<el-menu-item index="/myexam">我的试卷</el-menu-item>
<el-menu-item index="/myrepo">我的试卷库</el-menu-item>
<el-menu-item index="/mytest">我的考试记录</el-menu-item>
</el-submenu>
</el-menu>
参考：

https://blog.csdn.net/qq_43219422/article/details/89919619

2.element-ui侧边栏实现默认展开
默认展开：

关键代码：

如果想展开第一块内容、里面就只写1
:default-openeds="['1']"
如果想展开其余的。想写哪个就写哪个：
:default-openeds="['1', '2', '3']"

————————————————
版权声明：本文为CSDN博主「南北极之间」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_22182989/article/details/106262211