vue-router 全局设置active激活状态

Question

使用vuerouter的时候，在列表页界面，顶部公用的导航栏是有active样式的，但是进去详情页后，顶部公用导航栏选中的active就没了，
审查导航栏元素状态为，在列表页，导航条对应的li有active的class
进去详情页，对应的li没有active的这个类名

Answer 1

var vueRouterObj = new VueRouter({

linkActiveClass: 'active', //将激活的路由添加一个mui-active类名称
routes: [
    { path: '/', redirect: '/Home' },
    { path: '/Home', component: home, name: '主页' },
    { path: '/news/NewsList', component: newsList, name: '资讯列表' },
]

});

还是不太理解你的意思，上面是代码的效果，点击咨询列表到咨询详情后，active就消失了，下面是main。js配置的代码

Answer 2

var vueRouterObj = new VueRouter({

linkActiveClass: 'active', //将激活的路由添加一个mui-active类名称
routes: [
    { path: '/', redirect: '/Home' },
    { path: '/Home', component: home, name: '主页' },
    {
    path: 'news'  // 列表
    component: news,
    children: [
        {
            path: '', // 列表目录
            name: 'newList', 
            component: newsList
        },
        {
            path: 'newDetail', //列表详情
            name: 'newDetail',
            component: newDetail
        }
    ]
}
]
});

Answer 3

var vueRouterObj = new VueRouter({

linkActiveClass: 'active', //将激活的路由添加一个mui-active类名称
routes: [

{ path: '/', redirect: '/Home' },
{ path: '/Home', component: home, name: '主页' },
{
path: 'news'  // 列表
component: news,
children: [
    {
        path: 'new/newList', // 列表目录
        name: 'newList', 
        component: newsList
    },
    {
        path: 'new/newDetail', //列表详情
        name: 'newDetail',
        component: newDetail
    }
]

}
]
});
html router-link to='/new/new....'这样
自路由这样 配置 path可以实现