search

heikaimu / vue3-waterfall-plugin

vue3 瀑布流插件，支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载
https://vue3-waterfall.netlify.app/
456 stars 34 forks source link

同时使用多个Waterfall，会导致只有最后一个Waterfall能跟随窗口变化 #27

Closed huhuime closed 8 months ago

huhuime commented 1 year ago

\vue3-waterfall-plugin\lib\Waterfall.vue 第165行附件

mounted() {
    window.onresize = debounce(this.resize, 100);
},

会导致多个Waterfall存在时，只有最后一个Waterfall能跟随窗口变化 建议增加控制参数允许手动控制或者修改实现

heikaimu commented 1 year ago

你给组件加不同的key试试

huhuime commented 1 year ago

你给组件加不同的key试试

你确定vue3魔改了window？没魔改那window.onresize=xxxx这个写法本身就有点问题，只有最后一个会生效得，之前得都会被覆盖掉，建议使用addEventListener和在beforeDestroy onBeforeUnmount 时候使用removeEventListener