element-ui 中el-menu使用遇到的一些问题及解决方案

2018-7-23 22:37:26 16,233 views

element-ui踩坑

1.导航上有多个子项选中

菜单
如图所示有2个被选中,也有可能是多个 。在el-menu上加:default-active="$route.path"就可以解决了,根据当前的路由来选择打开项。
 
2不能保证只有一个子项打开   通过在el-menu上加:unique-opened=true 就可以。

  如果:unique-opened=true 失效,我就遇到这样的情况。 我的原因是在el-menu错误的使用了v-for导致有多个el-menu被生成。
下图是正确的使用方式


el-menu

73

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。