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