iview關於menu結合router問題

#iview關於menu結合router問題

1. Menu.Item下router問題：

 直接在Menu標簽上綁定on-select事件，可以獲取到name（name為元素綁定name）

<Menu @on-select="navigateTo">
...
</Menu>

methods: {
    navigateTo (name) {
        this.$router.push(name);
    }
}

2. 頁面刷新后, Menu組件對應不展開和active

需要在組件mounted的時候手動驅動active。

第一步： 在menu上綁定

:open-names="open"
:active-name="active"

 

第二步： 在mounted里面去獲取當前路由和其父級相關信息，修改open, active，然后

this.open = ["1", "1-2"];　　//匹配到的父級name， array
this.active = "name-what";　　//當前name
this.$nextTick(() => {
   this.$refs.side_menu.updateOpened();
   this.$refs.side_menu.updateActiveName();
});