关于vue路由跳转，导航条不亮的问题解决方法~

当嵌套首个路由时，导航条是亮的，跳转到子路由的就不亮了，之前用的是 :exact 属性 如：:exact="list.path==='/'?true:false"；

可以解决，但是这次路由是首页的嵌套，这个方法不好用了，改成这样的写法：

export default new Router({

routes: [

{

path: '/',

// name: 'index',

component: index,

children: [

{

path: '/',

// name: 'main',

component: main,

children: [

{

path: '/',

// name: 'home',

component: home,

children: [

{

path: '/booking',

name: 'booking',

component: booking

},

{

path: '/booking/ticketList',

name: 'ticketList',

component: ticketList

},........

在app.vue加载时加上 ： this.$router.push('/booking'); 这样就解决了跳转时导航不亮的问题