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

来源:13-1 编译打包-播放内核小bug修复

沧海的雨季

2019-05-30

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

图片描述

写回答

2回答

ustbhuangyi

2019-05-31

需要修改 2 个地方,第一个在注册 vue-lazyload 的地方
//img.mukewang.com/szimg/5cf0b79f000174a018860278.jpg
多注册一个 transitioncancel 事件,这个主要解决滚动过程中手动触碰屏幕停止导致图片不能加载的情况。
第二个是 singer.vue
//img.mukewang.com/szimg/5cf0b7ed000133d318960158.jpg
传入 speed,为了让滚动能够触发 transitionend 事件,让 vue-lazyload 插件有机会去加载图片。

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

0
1
沧海的雨季
非常感谢!
2019-05-31
共1条回复

ustbhuangyi

2019-05-30

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

0
3
沧海的雨季
回复
ustbhuangyi
https://github.com/544402029/vue-music
2019-05-30
共3条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程