美文网首页
element NavMenu当前激活菜单default-act

element NavMenu当前激活菜单default-act

作者: 三亿 | 来源:发表于2019-12-17 19:31 被阅读0次

使用element NavMenu组件,按照文档的方式,发现需要点击两次才会显示当前点击的所在项。搜索了下资料,发现以下方式可以解决该问题,只需要把:default-active指向$route.path即可。

<el-menu :default-active="$route.path"
    class="el-menu-demo"
    mode="horizontal"
    router="router"
    text-color="#fff"
    background-color="#282b33"
    active-text-color="#ffd04b">
    <el-menu-item index="/index">菜单一</el-menu-item>
    <el-menu-item index="/index" disabled>菜单二</el-menu-item>
    <el-menu-item index="/index">菜单三</el-menu-item>
</el-menu>

相关文章

网友评论

      本文标题:element NavMenu当前激活菜单default-act

      本文链接:https://www.haomeiwen.com/subject/ytsenctx.html