同页面多个loadmore事件触发异常

ElemeFE / vue-infinite-scroll

An infinite scroll directive for vue.js.

2.86k stars 417 forks source link

Open Adele0 opened 5 years ago

Adele0 commented 5 years ago

同一页面有两个loadmore事件分别是A、B绑定在tab上，created阶段分别调用没问题。在tabA下，滑动触发loadmoreA，没有问题。但是切换到tabB，滑动触发仍然是是loadmoreA。

wudiansi commented 5 years ago

我也遇到了相同的问题，我是三个tab下面不同的scroll一个触发同时三个都会触发。

xiatiandenixi commented 5 years ago

我也是这个问题， v-infinite-scroll的div上加了v-if，切换过之后滚动触底不请求loadMore

sbitpdc commented 5 years ago

@wudiansi @xiatiandenixi 我已经把它的代码重写了。出现这个问题是因为你们使用 keep-alive。这个插件只在销毁的时候移除滚动条监听事件，如果使用了 keep-alive，那么是不会移除监听事件的

wudiansi commented 5 years ago

@wudiansi @xiatiandenixi 我已经把它的代码重写了。出现这个问题是因为你们使用 keep-alive。这个插件只在销毁的时候移除滚动条监听事件，如果使用了 keep-alive，那么是不会移除监听事件的

我是在ssr的情况下喔并没有使用keep-alive这样的机制

yuki-li commented 5 years ago

使用了keep-alive怎么在tab切换是移除infinite-scroll的监听事件

xiaotiandada commented 5 years ago

不知道大佬们解决了没有我也很想知道解决办法

masongzhi commented 5 years ago

@wudiansi 应该是没办法了