美文网首页
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