一个一个来解决。
-
第一个BUG:刷新之后左边菜单栏没有正确高亮，因为我们把active-name写死了，每一次重置生命周期都会初始化为我们写死的值，所以它只会在“工作区域”处高亮。
解决方法:
把active-name变量提取出来，放在create方法里获取当前所处页面的order值。
1.提取出active-name
image.png
2.写进方法里
image.png
3.当然我们要在index.js里赋值order值
image.png
order的命名要跟菜单的name一致，这样子我们就可以把两者联系起来。 -
第二个BUG:刷新之后如果当前页面位于二级菜单，菜单栏并不会自动打开。
解决方法:
我们先开启手风琴模式。
image.png
image.png
这样子我们同时只能打开一个菜单栏。
我们用同样的方法提取出openNames变量，如下图:
image.png
image.png -
第三个BUG:因为“工作区域”没有子菜单，所以不受手风琴模式束缚。当我们打开了二级菜单时，点击“工作区域”并不会把我们已打开的二级菜单收回去。
我们查阅文档，发现有触发事件on-select，并且可以返回name值。
image.png
image.png
image.png
