问题:点击侧边栏Menu中MenuItem,去到相应的页面,并更新面包屑,点击左上角返回,路由地址改变,面包屑更新,侧边栏项的高亮菜单改变
贴出部分代码:
router路由部分:
{
path: '/library',
name: 'library',
component: library,
meta: {
requireAuth: true,
title: '图书馆列表'
}
},
{
path: '/library/book-list',
name: 'bookList',
component: bookList,
meta: {
requireAuth: true,
title: '图书馆列表 / 书刊列表'
}
},
侧边栏side部分:
数据展示
图书馆列表
export default {
name: 'sidebar',
data () {
return {
}
},
computed: {
activeNav () {
return this.$route.path
}
},
methods: {
handleSelect (name) {
this.$router.push(name)
}
}
}
面包屑部分:
{{breadNav}}
computed: {
breadNav () {
return this.$route.meta.title
}
},