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

发布于 2022-09-04 10:15:56 字数 640 浏览 13 评论 0

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

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

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

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

mini-ui infinite-scroll文档

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

清旖 2022-09-11 10:15:56

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

做个少女永远怀春 2022-09-11 10:15:56

deactivated 的时候 infinite-scroll-disabled 设为true就行了

往事风中埋 2022-09-11 10:15:56

设置为true 没有用 还是会一直加载的

烟火散人牵绊 2022-09-11 10:15:56

怎么解决的,

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文