vue项目，路由导航，侧边栏高亮，面包屑更新

问题：点击侧边栏Menu中MenuItem，去到相应的页面，并更新面包屑，点击左上角返回，路由地址改变，面包屑更新，侧边栏项的高亮菜单改变

贴出部分代码：

router路由部分：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

{   path: '/library',   name: 'library',   component: library,   meta: {     requireAuth: true,     title: '图书馆列表'   } }, {   path: '/library/book-list',   name: 'bookList',   component: bookList,   meta: {     requireAuth: true,     title: '图书馆列表 / 书刊列表'   } },

　　

　

侧边栏side部分：

?

1 2 3 4 5 6 7 8 9 10

<Menu class="sidebar-menu" :active-name="activeNav" @on-select="handleSelect">       <MenuItem name="/data-show">         <i class="iconfont"></i>         数据展示       </MenuItem>       <MenuItem name="/library">         <i class="iconfont"></i>         图书馆列表       </MenuItem>  </Menu>

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<script> export default {   name: 'sidebar',   data () {     return {       }   },   computed: {     activeNav () {       return this.$route.path     }   },   methods: {     handleSelect (name) {       this.$router.push(name)     }   } } </script>

　　

　　

面包屑部分：

?

1 2 3

<Breadcrumb class="breadcurmb">           <BreadcrumbItem>{{breadNav}}</BreadcrumbItem>  </Breadcrumb>

　

?

1 2 3 4 5

computed: {     breadNav () {       return this.$route.meta.title     } },