溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vue設(shè)置默認(rèn)首頁的方法

發(fā)布時(shí)間：2020-08-13 11:59:24 來源：億速云 閱讀：4866 作者：小新 欄目：開發(fā)技術(shù)

這篇文章主要介紹vue設(shè)置默認(rèn)首頁的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

在router.js設(shè)置如下：

index就是默認(rèn)頁面

const routes = [
// 公司項(xiàng)目
{ path: '/', redirect: '/index' },
{path:'/index',component:index},
{
path:'/example',
component:example,
redirect:'/edetail',
children:[
{path:'/edetail',component:edetail}
]
},
{path:'/login',component:login}
]

不使用在根目錄設(shè)置router的方法，跳轉(zhuǎn)頁面帶不同的頭部信息時(shí)容易出現(xiàn)問題

補(bǔ)充知識(shí)：vue-router默認(rèn)的首頁渲染設(shè)置

當(dāng)一個(gè)vue項(xiàng)目的頁面打開，總得有一個(gè)默認(rèn)的首頁組件自動(dòng)出現(xiàn)

不能只是點(diǎn)擊首頁的跳轉(zhuǎn)才出現(xiàn)

這個(gè)默認(rèn)的打開路由配置需要在router.js中的 VueRouter 實(shí)例中，改變r(jià)outes數(shù)組

const router = new VueRouter({
 routes:[
 {
 path:'/',
 //redirect 是重新定向
 redirect:'/home'
 },
 {
 path:'/home',
 component:Home
 }
]
})

這樣設(shè)置之后，就將默認(rèn)的路由路徑設(shè)置為/home

以上是vue設(shè)置默認(rèn)首頁的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手