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

来源:互联网 发布:three.js 源码 编辑:程序博客网 时间:2024/06/07 11:00
   今天踩了一个坑 也是自己理解不深的原因吧 写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'},这样 两个组件的滚动条就不会相互影响啦 哈哈 希望以后少犯这种低级错误