瀑布流的问题 我下载的是老师的 code源码

Question

/views/main/components/list/index.vue
:picturePreReading="false" 只删除了这个

 <m-waterfall
        :data="pexelsList"
        :column="isMobileTerminal ? 2 : 5"
        class="w-full px-1"
      >
        <template v-slot="{ item, width }">
          <itemVue :data="item" :width="width" @click="onToPins" />
        </template>
      </m-waterfall>

取消 使用 图片预加载就会这样 因为我打算使用 react 来重构老师的 瀑布流发现的 刚开始以为我是 react的原因 后面 看了下 自己的学习 代码 也是这样 然后 下载了老师的源码 其他东西没懂 就删除一个属性导致的

Answer 1

Sunday 2022-11-29 18:07:18

你好

根据错误好像是 大量的图片 404 没有被找到所导致的，是因为你的网络问题吗？ 多刷新几次是否可以解决呢？

• 提问者 Muddyrain #1

  你可以忽略 图片没加载 但是 很多图片都已经加载了的 然后  显示出来的数据 还是 异常的 , 没有 定位排列

• Sunday 回复 提问者 Muddyrain #2

  你是否是在此时开启了图片懒加载的逻辑？ 如果在执行图片预加载的同时开启图片懒加载的话，那么会导致 img 的 onload 无法执行，从而无法排列。

• 提问者 Muddyrain 回复 Sunday #3

  开启图片懒加载属性 不是 picturePreReading 吗 我把他变为 false 其他地方 没有任何改动

点开查看后面3条评论