Vue 组件间滚动条互相影响 详情页列表页滚动条相互影响的解决方案 （或许就是你的正解）

版权声明：本文为博主原创文章，转载请带上我的小名嘿嘿嘿 https://blog.csdn.net/qq_37540004/article/details/73864615

   今天踩了一个坑 也是自己理解不深的原因吧 写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'},

这样 两个组件的滚动条就不会相互影响啦 哈哈 希望以后少犯这种低级错误