在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue跳轉(zhuǎn)到新的頁面

Vue跳轉(zhuǎn)到新的頁面

clipboard.png
點(diǎn)擊右上角,跳轉(zhuǎn)到新的登錄頁

clipboard.png

要新的頁面,沒有之前頁面的任何內(nèi)容

clipboard.png

路由代碼
clipboard.png

我知道這么寫跟定不對的,但不知道怎么寫

app.vue 代碼

clipboard.png

回答
編輯回答
陪我終

<router-view>怎么寫的? 頭部header.vue寫到了router-view的外面了嗎
問題很明顯了,你把頭部和導(dǎo)航寫在了路由視圖外面,router-view是路由視圖,跳轉(zhuǎn)的路由都會顯示在這里面。你改一下app.vue吧

<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template> 

這樣就行了,然后把頂部和導(dǎo)航單獨(dú)封裝為一個頁面

2018年8月15日 12:24
編輯回答
何蘇葉
2018年8月23日 21:46
編輯回答
玄鳥

概念很簡單,只要跳轉(zhuǎn)前的路由,和跳轉(zhuǎn)后的路由在同一級,甚至跳轉(zhuǎn)后的路由和跳轉(zhuǎn)前的路由的父(祖父等)級路由是同級的,那么就不會保留跳轉(zhuǎn)前的了。

2018年4月28日 07:41
編輯回答
毀了心

這個很明顯是router-view渲染組件的出口放在錯誤的地方。建議多看下router-view的定義

clipboard.png

很明顯你的router-view和v-header在一個組件里面,當(dāng)你路由變化,對應(yīng)的組件渲染到router-view出口。v-header還是在的!

2017年6月25日 11:02
編輯回答
絯孑氣
routes:
 [
        {
            path: projectName + '/index',
            component: Login,
        },
        {
            path: '*',
            component: Notfound,
        },
        {
            path: projectName + '/prints',
            name: 'prints',
            component: prints,

        },
        {
            path: projectName + '/main',
            component: Layout,
            children: [{
                    path: '',
                    component: Welcome,
                }]
        }
]
        

分多個router-view

2018年9月19日 21:48