vue 路由导航动态设置当前菜单的高亮状态(多级)

<template>
    <div class="menu-container clearf">
        <ul class="menu-list common-container" >
            <li class=" "  v-for="(item,index) in navs" :key="index"  @click="routerLink(index, item.path)">
                <div :class="navIndex == index ? 'menu-title active' : 'menu-title'">{{ item.title }}</div>
                <div class="popupmenu" v-if="item.subs">
                    <div :class="navIndex == index ? 'menu-item' : 'menu-item active'"  v-for="(subItem, subindex) in item.subs" :key="subindex" @click="routerLink(index, subItem.path)">  {{ subItem.title }}</div>
                </div>
            </li>
        </ul>

    </div>

</template>
<script>
export default {
    data(){
        return{
            navs:[
                {
                    title:'首 页',
                    path:"home",
                },
                {
                    title:'资讯宣传',
                    path:"ArticleList",
                    subs:[
                        {
                            title:'媒体宣传',
                            path:"ArticleList",
                        },
                        {
                            title:'工作动态',
                            path:"ArticleList",
                        },
                    ],
                },
                {
                    title:'诉服中心',
                    path:"litigationSerCen",
                },
                {
                    title:'法院概况',
                    path:" ",
                },
                {
                    title:'审务公开',
                    path:"openTrial",
                },
                {
                    title:'执行公开',
                    path:"execuOpen",
                },
                {
                    title:'审判公开',
                    path:"judicialAffairs",
                },
                {
                    title:'数据公开',
                    path:" ",
                },
                {
                    title:'司法改革',
                    path:"judiciaReform",
                },
                {
                    title:'法院公告',
                    path:" ",
                },
                {
                    title:'普法天地',
                    path:" ",
                },{
                    title:'智慧党建',
                    path:" ",
                }
            ],
            navIndex:0
        }
    },
    methods:{
        routerLink(index,path){
            this.navIndex = index;
            this.$router.push(path)
        }
    }
}
</script>