今天踩了一個坑 也是自己理解不深的原因吧 寫Vue列表頁到詳情頁的跳轉的時候 詳情頁怎樣佈局都會帶有列表頁的滾動條 後來發現是路由的關係 受元件的影響 以為詳情頁要和列表頁巢狀在一起 後來發現路由拆開就好了

錯誤的寫法

    {path:'/list/:id', component: listLazy , name:'list',children:[
        {path:'/detail/:id', component: detail, name:'detail'}
    ]},

正確的寫法

    {path:'/list/:id', component: listLazy , name:'list'
 
,children:[]},
    {path:'/detail/:id', component: detail, name:'detail'},

這樣 兩個元件的滾動條就不會相互影響啦 哈哈 希望以後少犯這種低階錯誤