element导航栏对应路由高亮在刷新或前进后退时错误（二级子路由和三级子路由以上各自的解决办法）

问题描述：

当设置的有默认路径时，进入到二级或三级路由时，刷新或前进后退操作会导致导航栏高亮没有改变或错误

使用前提

将router里面的main.js里的路由路径设置全部设置为完整的路径。

routes: [{
   
            //路径为空时跳到发现音乐
            path: '',
            redirect: '/musicHome/findMusic',
        },
        {
   
            path: '/musicHome',
            name: 'musicHome',
            component: () =>
                import ('@/views/musicHome'),
            children: [{
   
                    path: '/musicHome/findMusic',
                    name: 'findMusic',
                    redirect: '/musicHome/findMusic/personRecom',
                    component: () =>
                        import ('@/views/musicHome/findMusic/findMusic'),
                    children: [{
   
                            path: '/musicHome/findMusic/personRecom',
                            name: 'personRecom',
                            component: () =>
                                import ('@/views/musicHome/findMusic/personRecom/personRecom')
                        },
                        {
   
                            path: '/musicHome/findMusic/songList',
                            name: 'songList',
                            component: () =>
                                import ('@/views/musicHome/findMusic/songList/songList')
                        },
                        {
   
                            path: '/musicHome/findMusic/playList',
                            name: 'playList',
                            component: () =>
                                import ('@/views/musicHome/findMusic/playList/playList')
                        },
                        {
   
                            path: '/musicHome/findMusic/singerList',
                            name: 'singerList'