鍍金池/ 問答/Java  PHP  C  HTML/ vue route-link .router-link-active 如何設(shè)置默

vue route-link .router-link-active 如何設(shè)置默認(rèn)選中，如下圖和代碼

問題

因?yàn)轫撁嬉贿M(jìn)來 就是講義頁面，所有我要讓講義 默認(rèn)選中
clipboard.png

正常

點(diǎn)擊切換的時(shí)候，正常沒有問題，當(dāng)前選中為紅色，其它變?yōu)榛疑?/h2>

clipboard.png

路由

clipboard.png

代碼

clipboard.png

clipboard.png

回答
編輯回答
舊螢火

那你進(jìn)來就要讓頁面調(diào)到講義頁面啊.
vue-router提供了redirect屬性

2018年3月31日 08:29
編輯回答
替身
{
    path: '/teachingResearch/lecture',
    component: TeachingResearch,
    children: [
        {
            path: '/teachingResearch/lecture',
            component: Lecture
        },
        {
            path: '/teachingResearch/paper',
            component: Paper
        },
        {
            path: '/teachingResearch/question',
            component: Question
        }
    ]
}

這應(yīng)該是可行的。

修改答案，補(bǔ)充。

{
    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
        }
    ]
}
2017年7月30日 23:25