父组件使用keep-alive将页面缓存起来,同时使用mint ui的infinite-scroll组件实现滚动加载更多的需求。
父组件为商品列表页,滚动到页面底部自动加载更多数据,点击其中一个商品进入商品详情页,当滚动到详情页底部时会触发父组件的infinite-scroll,导致不停得请求接口(即在子页面发生不断请求父页面加载更多的接口)
应用使用vue2.0开发,已知问题由keep-alive导致,keep-alive使切换路由后父组件的指令没有解绑,因此当子组件滚动到页面底部时触发该指令绑定的加载更多的方法。
请问这种情况要如何解决呢?
issue 中给出的办法就是在 deactive 的时候将 infinite-scroll-disabled 属性设置为 true,这样就不会出发滚动加载,应当可以解决你遇到的问题。