heikaimu / vue3-waterfall-plugin

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

当在keep-alive中使用时,切换router后console抛异常 #18

Closed amonyaos closed 10 months ago

amonyaos commented 1 year ago

my-lib.es.js 小问题,不影响使用,但是抛异常引起开发者困惑

image

观察到 wrapperWidth.value 为 0,colWidth.value 为 0,执行 renderer 后执行 layoutHandle 中的 initY

watch(() => [wrapperWidth, colWidth, props.list], () => {
      renderer();
    }, { deep: true });

此时 cols.value 为 NaN,new Array(cols.value) 抛异常

const initY = () => {
    posY.value = new Array(cols.value).fill(props.hasAroundGutter ? props.gutter : 0);
  };

源码位置:lib/use/useLayout.ts

heikaimu commented 1 year ago

已经修复