老师,在使用cube-ui的IndexList组件时有一个问题...

Question

就是直接点击索引后, 跳转到对应区域, 但是图片还是处于懒加载状态…这个有什么办法解决吗?

Answer 1

ustbhuangyi 2019-05-31 13:15:49

需要修改 2 个地方，第一个在注册 vue-lazyload 的地方

多注册一个 transitioncancel 事件，这个主要解决滚动过程中手动触碰屏幕停止导致图片不能加载的情况。
第二个是 singer.vue

传入 speed，为了让滚动能够触发 transitionend 事件，让 vue-lazyload 插件有机会去加载图片。

之前为什么是好的是因为 v-lazy 指令是写在 ListView 组件里的，可以根据组件的更新触发 update hook。而现在是写在了插槽里，它们所处的是父组件环境，而父组件（singer.vue）是没有更新的，所以会导致指令不能够触发 update hook。

• 提问者 沧海的雨季 #1

  非常感谢！

Answer 2

ustbhuangyi 2019-05-30 15:58:41

http://ustbhuangyi.com/music/#/singer
线上代码没有这个问题啊，建议和源码做一下代码对比，以及引入 vue-lazy-load 的包的版本

• 提问者 沧海的雨季 #1

  老师，我用的cubeUI才出现这个问题的，线上代码确实没问题。只是我想不出该咋解决才想问一下的。。

• ustbhuangyi 回复 提问者 沧海的雨季 #2

  你把代码传到 GitHub 上吧，我抽空看看

• 提问者 沧海的雨季 回复 ustbhuangyi #3

  https://github.com/544402029/vue-music