發(fā)現(xiàn)問題
最近在打開項目的時候，發(fā)現(xiàn)我的默認路由沒加載上linkActiveClass，
網(wǎng)上一搜，發(fā)現(xiàn)很多同學也有這個問題，查了一些資料發(fā)現(xiàn)這是個重定向的問題，官網(wǎng)文檔是這么寫的
https://router.vuejs.org/zh-cn/essentials/redirect-and-alias.html
重定向
重定向也是通過 routes 配置來完成，下面例子是從 /a 重定向到 /b：
const router = new VueRouter({routes: [{ path: '/a', redirect: '/b' }]})重定向的目標也可以是一個命名的路由：
const router = new VueRouter({routes: [{ path: '/a', redirect: { name: 'foo' }}]})甚至是一個方法，動態(tài)返回重定向目標：
const router = new VueRouter({routes: [{ path: '/a', redirect: to => {// 方法接收 目標路由 作為參數(shù)// return 重定向的 字符串路徑/路徑對象}}]})我的代碼本來是這樣的：
const router=new VueRouter({linkActiveClass:'list-active',routes:[{ path:'/', component:user},{ path:'/user', component:user},{ path:'/warship', component:warship}]})這樣雖然加載了子路由，但是它的默認類沒跟著過來，然后加了一句redirect:'/user',修改成了這樣
修改后：
const router=new VueRouter({linkActiveClass:'list-active',routes:[{ path:'/', redirect:'/user', component:user},{ path:'/user', component:user},{ path:'/warship', component:warship}]})就完美解決了默認路由class沒加載的問題。
這個重定向簡單來說就是自定義路由指針，就跟js里面修改了引用地址一個道理，雖然表面上看著是個根目錄，其實引用的是別的路由界面。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網(wǎng)的支持。
新聞熱點
疑難解答
