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

来源:10-14 通用组件:应用 infinite 结合 waterfall 实现长列表瀑布流效果

Muddyrain

2022-11-29

/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的原因 后面 看了下 自己的学习 代码 也是这样 然后 下载了老师的源码 其他东西没懂 就删除一个属性导致的
图片描述

写回答

1回答

Sunday

2022-11-29

你好

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

0
6
Sunday
这两个功能不属于同一个组件的功能,并且两个功能从理论上是冲突的。不过确实可以依据这个优化下组件,解决下该场景下的问题。
2022-11-30
共6条回复

基于 Vue3 ,打造前台+中台通用开发提效解决方案

42 种前台常见业务模型, 15 种中台通用组件,成为前端提效高手

788 学习 · 517 问题

查看课程