解决刷新后会出现的BUG day7

一个一个来解决。

• 第一个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