使用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>
网友评论