vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法

 (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法”问题疑问，本网通过在网上对“ (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法”有关的相关答案进行了整理

问题： (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法
描述:

父组件使用keep-alive将页面缓存起来，同时使用mint ui的infinite-scroll组件实现滚动加载更多的需求。

父组件为商品列表页，滚动到页面底部自动加载更多数据，点击其中一个商品进入商品详情页，当滚动到详情页底部时会触发父组件的infinite-scroll，导致不停得请求接口（即在子页面发生不断请求父页面加载更多的接口）

应用使用vue2.0开发，已知问题由keep-alive导致，keep-alive使切换路由后父组件的指令没有解绑，因此当子组件滚动到页面底部时触发该指令绑定的加载更多的方法。

请问这种情况要如何解决呢？

mini-ui infinite-scroll文档

相关问题，可惜没看懂解决办法

---

解决方案1:

issue 中给出的办法就是在 deactive 的时候将 infinite-scroll-disabled 属性设置为 true，这样就不会出发滚动加载，应当可以解决你遇到的问题。

以上介绍了“ (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法”的问题解答，希望对有需要的网友有所帮助。