search

AwesomeDevin / vue-waterfall2

Waterfall adaptive plugin for vue and support lazy load , so easy!
https://awesomedevin.github.io/vue-waterfall2/#/
MIT License
449 stars 87 forks source link

关于loadmore没有触发的问题： #145

Closed Steamed-fish closed 10 months ago

Steamed-fish commented 10 months ago

场景： 我在首页使用了vue-waterfall2 版本是1.10.6，执行上拉刷新加载数据正常，但是点击进入到商品详情页后（或者跳转其他页面）再返回时，再进行上拉刷新时loadmore没有触发，目前还不清楚原因

AwesomeDevin commented 10 months ago

 😂 可能需要提供一个demo才行，没有没有复现类似的问题

AwesomeDevin commented 10 months ago

请问是使用了keep-alive吗

AwesomeDevin commented 10 months ago

我试了一下，好像是要上拉幅度比较大才能触发loadmore，可以试试修改loadDistance这个参数

Steamed-fish commented 10 months ago

是的，返回时waterfall.vue的mounted没有触发

Steamed-fish commented 10 months ago

loadDistance我改过，目前是100，进入详情页返回后跟loadDistance没关系

Steamed-fish commented 10 months ago

请问作者大大关于使用keep-alive包裹路由使用vue-waterfall2，应该如何解决这种问题

AwesomeDevin commented 10 months ago

我调试一下看看

image

你好，我本地调试了一下，添加 keep-alive 也是可以触发loadmore的，请问你是用的哪个版本

AwesomeDevin commented 10 months ago

image loadDistance可以改大一点试试, 另外可以尝试一下监听scroll, 获取滚动事件的相关信息，排查一下原因。

https://github.com/AwesomeDevin/vue-waterfall2/pull/141/files 也可以看看这个pr的解决方案，目前因为pr代码有bug，所以还没merge。

我知道问题了...可以先指定height解决

AwesomeDevin commented 10 months ago

你好， 1.10.7-beta.1 可以试试这个版本

Steamed-fish commented 10 months ago

已更新1.10.7版本，目前已解决问题，感谢作者大大