当嵌套首个路由时,导航条是亮的,跳转到子路由的就不亮了,之前用的是 :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'); 这样就解决了跳转时导航不亮的问题