一個(gè)一個(gè)來(lái)解決。

• 第一個(gè)BUG:刷新之后左邊菜單欄沒(méi)有正確高亮，因?yàn)槲覀儼補(bǔ)ctive-name寫死了，每一次重置生命周期都會(huì)初始化為我們寫死的值，所以它只會(huì)在“工作區(qū)域”處高亮。
  解決方法:
  把a(bǔ)ctive-name變量提取出來(lái)，放在create方法里獲取當(dāng)前所處頁(yè)面的order值。
  1.提取出active-name

  
  
  image.png
  
  

  2.寫進(jìn)方法里

  
  
  image.png
  
  3.當(dāng)然我們要在index.js里賦值order值
  
  image.png
  
  order的命名要跟菜單的name一致，這樣子我們就可以把兩者聯(lián)系起來(lái)。

• 第二個(gè)BUG:刷新之后如果當(dāng)前頁(yè)面位于二級(jí)菜單，菜單欄并不會(huì)自動(dòng)打開(kāi)。
  解決方法:
  我們先開(kāi)啟手風(fēng)琴模式。

  
  
  image.png
  
  
  image.png
  
  

  這樣子我們同時(shí)只能打開(kāi)一個(gè)菜單欄。
  我們用同樣的方法提取出openNames變量，如下圖:

  
  
  image.png
  
  
  image.png

• 第三個(gè)BUG:因?yàn)椤肮ぷ鲄^(qū)域”沒(méi)有子菜單，所以不受手風(fēng)琴模式束縛。當(dāng)我們打開(kāi)了二級(jí)菜單時(shí)，點(diǎn)擊“工作區(qū)域”并不會(huì)把我們已打開(kāi)的二級(jí)菜單收回去。
  我們查閱文檔，發(fā)現(xiàn)有觸發(fā)事件on-select，并且可以返回name值。

  
  
  image.png
  
  
  image.png
  
  
  image.png