element NavMenu当前激活菜单default-act

2019-12-17  本文已影响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>
上一篇下一篇

猜你喜欢

热点阅读