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

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

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

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

參考這里

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

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

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

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,
                }]
        }
]
        

分多個(gè)router-view