Iviw 组件库中侧边栏刷新，高亮不能更新的问题

iview中active-name是对于选项中的name，表示高亮那个选项，在组件初始化之后，判断当前路由与侧边栏相对应的路由是否一致，再将active-name绑定即可

侧边栏组件信息

<template>
  <Menu
    :active-name="menuList"
    theme="light"
    width="100%"
    hide-trigger 
    collapsible
  >
    <MenuItem
      name="1"
      to="userinform"
    >
    个人中心
    </MenuItem>
    <MenuItem
      name="2"
      to="userlist"
    >
    成员列表
    </MenuItem>

    <MenuItem
      name="3"
      to="statistics"
    >
    统计图表
    </MenuItem>
  </Menu>
</template>
export default {
  data () {
    return {
      menuList: '0',
    };
  },
 }

初始化组件后

mounted: function () {
    this.getRouters()
  },

 methods: {
   getRouters () {
     let path = this.$route.matched[1].path
     switch(path){
       case '/userinform' :this.menuList = '1' ; break;
       case '/userlist' : this.menuList = '2'; break;
       case '/statistics' :this.menuList = '3'; break;
     }
   },
 }

即可