是否有render 成功后的方法？

heikaimu / vue3-waterfall-plugin

vue3 瀑布流插件，支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载

https://vue3-waterfall.netlify.app/

390 stars 29 forks source link

Closed ccc961125 closed 6 months ago

ccc961125 commented 6 months ago

delay使用的默认 300 因为计算布局，会导致有空白等待的时间

heikaimu commented 6 months ago

你说的等待白屏时间是什么时候产生的？

heikaimu commented 6 months ago

获取到数据的时候马上就会就行一次计算渲染，这个过程中如果有图片渲染完成了，会重新计算渲染。这里的delay是用于陆续有图片渲染完成的时候，只会在最后进行一次渲染。所以我不明白你说的白屏是在什么时候。

ccc961125 commented 6 months ago

接口加载完成后但数据并没有渲染出来（列表中没有图片）看起来有一个等待

heikaimu commented 6 months ago

你这个中途弹了一个“没有更多了”，然后才是出来插件列表。我感觉是你的loading之后并没有第一时间拿到列表数据。正常情况应该是loading之后有一小段白屏（正常的插件渲染时间），然后再显示列表。

ccc961125 commented 6 months ago

没有更多了～和列表为同级，一小段白屏的就是计算布局的时间吧，所以是不是应该抛出一个render 成功后的方法

heikaimu commented 6 months ago

你现在是想在这个方法里做什么事情呢？

ccc961125 commented 6 months ago

render 完成后再去把pageloading 移除掉

heikaimu commented 6 months ago

你的需求是不是，loading消失的时候，这个列表就完成的展示出来咯？中间没有任何过渡

ccc961125 commented 6 months ago

对

ccc961125 commented 6 months ago

这个方法目前要加吗

heikaimu commented 6 months ago

你更新下2.4.2版本，加了一个 afterRender，方法，具体看下文档。在线列子里面也用这个实现了一个loading

ccc961125 commented 6 months ago

好的感谢

ccc961125 commented 6 months ago

发包了吗没下载下来呢

heikaimu commented 6 months ago

发了，你用npm原镜像下载，淘宝镜像应该还没有同步。 https://www.npmjs.com/package/vue-waterfall-plugin-next

ccc961125 commented 6 months ago

这个大概多久同步啊，原镜像下载不下来呢, 可以手动同步吗

heikaimu commented 6 months ago

npm i vue-waterfall-plugin-next@2.4.3 你试试这个，我这边测试可以。