vue element ui NavMenu 导航菜单无法选中

使用element ui的NavMenu 时,导航不能选中当前的激活的菜单

这是要实现的样子

官方文档上记载的是这样,正常使用是没有问题的

vue element ui NavMenu 导航菜单无法选中_第1张图片

然后下面是我的代码

vue element ui NavMenu 导航菜单无法选中_第2张图片怎么都选不中

然后我觉得可能是我传了参数的原因,因为这个el-menu-item 的index要和这个路由保持一致,而$route.path取出来的路由是不带参数的,于是我改成了这样

vue element ui NavMenu 导航菜单无法选中_第3张图片

把:default-active="$route.path" 改成了:default-active="$route.fullPath" ,这时候就是有的有选中状态  有的没有(我到现在我也不知道为什么是这样o(╥﹏╥)o。。。。),然后我就不纠结了换了种写法,直接把路由写成数组,循环上去,就可以了。

vue element ui NavMenu 导航菜单无法选中_第4张图片

vue element ui NavMenu 导航菜单无法选中_第5张图片

按理来说第一种写法和后面的本质上 得到的数据是一样的啊,我也不知道为什么是这样o(╥﹏╥)o。。。,但是总算解决了

(现在我又测试了一下,第一种也没问题。。。。不知道为啥开始做的时候不行。。。。。懵。。。)

你可能感兴趣的:(常见问题记录,element,ui,vue)