图片加载完成，better-scroll刷新

首页课程实战体系课手记专栏慕课教程

图片加载完成，better-scroll刷新

来源：6-2 子路由配置以及转场动画实现

Mei_槑

2018-03-21

请教下老师，先描述下场景：如果从后端取的数据是一段html，里面有文字也有图片，这是插入页面中容器中，这个容器又运用了better-scroll，那什么时候去refresh呢？用哪个钩子来写，数据是用computed来获取的，我试了watch，但，图片加载没完成，已经refresh，请问老师，有没有什么办法或思路提供，谢谢~

这是插入数据的位置：

这是获取数据，courseData是由父级传过来的，在父级用axios获取

效果图：

写回答

1回答

ustbhuangyi

ustbhuangyi

2018-03-21

新版的 better-scroll 是可以自动监听 DOM 变化 refresh 的，但是图片的加载监听不到，所以你需要在图片的 onload 事件里去 refresh

0

2

ustbhuangyi

回复

Mei_槑

这个应该会的

2018-03-22

共2条回复

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

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

5432 学习 · 3804 问题

相似问题

关于图片加载完的问题

回答 1

加入vue-lazy有的图片一直显示默认图片，图片加了class="needsclick"，还是无法点击

回答 3

better-scroll的刷新时机

回答 1

better-scroll怎么实现下拉刷新

回答 1

老师我自己写了一个better-scroll，我只想滚动中间的一个组件（这个组件放List）,但是连用同父组件一起滚动了是怎么回事？？

回答 1

打开慕课网App查看更多内容