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();
});