关于vue2.0组件库mint-ui中无限滚动的js组件问题

Question

在项目中，我使用了mint-ui的infinite-scroll js组件来进行列表的无限滚动加载，但是目前出现了一个问题，我在main.js中全局引入了InfiniteScroll

在一个单页中，我的父级视图是一个tabbar栏，而下方的子级视图是tabbar栏对应的4个需要无限滚动的子视图，问题就出在了这，我在其中一个视图中无限滚动是没有问题的，但当我切换至另一个子视图时，一旦向下滚动，那么先前的视图就会继续请求那个视图所需要的数据，而现在操作的视图也因为一直在滚动而发出请求，我已经将每个视图的无限滚动所需的属性都设为了不一样，所以个人怀疑是因为我是全局使用了InfiniteScroll导致的，这直接导致了滚动的距离没有重置而一直在增加，所以之前的视图一直在加载，所以想请问如果是在4个视图中全部局部import InfiniteScroll是否可以解决这个问题呢？

那么在单文件的.vue中如何局部注册js组件模块呢。。。

Answer 1

请问你是怎么用这个Infinite scroll的啊？我用出来不对啊，始终不执行那个loadMore的函数

Answer 2

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