(Vue2.0)在服务器返还数据中带有<img>标签时,用v-html渲染,better-scroll高度拉不到最底的问题
2017-08-11 23:24
525 查看
用vue2.0和better-scroll在做项目时遇到服务器返还数据中带有<img>标签时,用v-html插入渲染后,发现滚动怎么都拉不到最底部,有很多内容不能看到..后来发现,可能是图片加载较慢,从面使better-scroll的高度没有计算准确,那需要怎么解决呢?下面给出解决方法:
关键词:图片预加载--确保图片加载完成后,我们再定义better-scroll实例,高度就会准确了
定义一个预加载图片方法preloadImages(用到Promise对象):如图
再从所需组件中引入:
调用方法,再在then方法定义better-scroll实例,问题解决了
希望对大家有所帮助,谢谢
关键词:图片预加载--确保图片加载完成后,我们再定义better-scroll实例,高度就会准确了
定义一个预加载图片方法preloadImages(用到Promise对象):如图
再从所需组件中引入:
调用方法,再在then方法定义better-scroll实例,问题解决了
希望对大家有所帮助,谢谢
相关文章推荐
- html 的 <img>标签获取路径变量问题
- 关于<img>标签无法显示名字中带有中文的图片的问题
- 读取数据库带有html的字符串在前台显示,html标签与属性之间空格消失了,如<pclass=''>
- 使用SGMLParser抓取html里标签<td>内的数据
- HTML<textarea>标签的空格的问题
- HTML中<img>标签的ismap和usemap属性
- html<img>标签的usemap属性
- php操作mysql获取html标签<select>下拉列表数据
- struts1中使用<html:select>标签的的三种情况的传值问题
- 关于使用Html <audio>标签播放视频文件的问题
- HTML <img> 标签的 height 和 width 属性
- HTML <img> 标签
- HTML <img> 标签的 alt 属性
- 备战黑马程序员-html(<map>、<img>、列表标签)
- 关于标签<html:link>在URI后面传参数的问题
- TextView显示HTML文本时<IMG>标签指定图片的显示处理
- HTML中<frameset>标签不显示的问题
- HTML <img> 标签的 border 属性
- jsp页面<input value=<%= %>标签获取数据库值的问题
- HTML <area> 标签实现带有可点击区域的图像映射