猿问

vue route-link .router-link-active 如何设置默认选中,如下图和代码

问题

因为页面一进来 就是讲义页面,所有我要让讲义 默认选中

正常

点击切换的时候,正常没有问题,当前选中为红色,其它变为灰色

https://img2.mukewang.com/5c8f513100010ac406300311.jpg

路由

https://img3.mukewang.com/5c8f51320001b13604080588.jpg

代码

https://img3.mukewang.com/5c8f513300018d0207170343.jpg

https://img1.mukewang.com/5c8f51350001b37a02980111.jpg

Smart猫小萌
浏览 1553回答 2
2回答

撒科打诨

{ path: '/teachingResearch/lecture', component: TeachingResearch, children: [ { path: '/teachingResearch/lecture', component: Lecture }, { path: '/teachingResearch/paper', component: Paper }, { path: '/teachingResearch/question', component: Question } ] } 这应该是可行的。 修改答案,补充。 { path: '/teachingResearch', redirect: '/teachingResearch/lecture' }, { path: '/teachingResearch/lecture', component: TeachingResearch, children: [ { path: '/teachingResearch/lecture', component: Lecture }, { path: '/teachingResearch/paper', component: Paper }, { path: '/teachingResearch/question', component: Question } ] }

qq_遁去的一_1

那你进来就要让页面调到讲义页面啊.vue-router提供了redirect属性
随时随地看视频慕课网APP
我要回答