解决betterScroll在vue中存在图片时,出现拉不动的问题


Posted in Javascript onSeptember 27, 2018

1.先写一个图片加载的方法

class ImgLoadClass {
 static preloadImages = (arr) => {
 //已经加载完的图片数量
 let loadeImage = 0
 //存放图片的数组
 let newImages = []
 //处理存入字符串,取得src部分
 //let arr = str.match(/src="(.+)"\s{1}/g)
 
 //返回一个promise对像
 return new Promise((resolve,reject)=>{
  for (let i=0;i < arr.length;i++){
  for(let i = 0; i < arr.length; i++){
   newImages[i] = new Image()
   //设置图片src属性
   //newImages[i].src = arr[i].slice(5,-2)
   newImages[i].src = arr[i]
   //图片绑定onload事件,确保加载完成
   newImages[i].onload = ()=>{
   loadeImage++
   //当全部加载完成后,resove
   if(loadeImage === arr.length){
    resolve()
   }
   }
   newImages[i].onerror = ()=> {
   reject()
   }
  }
  }
 })
 }
 
}

2.引用该方法,调用成功后再初始化betterScroll

以上这篇解决betterScroll在vue中存在图片时,出现拉不动的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript asp.net 获取当前超链接中的文本
Apr 14 Javascript
IE 条件注释详解总结(附实例代码)
Aug 29 Javascript
javascript 异步页面查询实现代码(asp.net)
May 26 Javascript
myEvent.js javascript跨浏览器事件框架
Oct 24 Javascript
JavaScript定时显示广告代码分享
Mar 02 Javascript
详解JavaScript UTC时间转换方法
Jan 07 Javascript
jQuery简单操作cookie的插件实例
Jan 13 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
Mar 09 Javascript
vue基于element的区间选择组件
Sep 07 Javascript
Vue中Quill富文本编辑器的使用教程
Sep 21 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 Javascript
JavaScript中变量提升和函数提升的详解
Aug 07 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 #Javascript
在vue中使用v-bind:class的选项卡方法
Sep 27 #Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 #Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 #Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 #Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 #Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 #Javascript
You might like
php gzip压缩输出的实现方法
2013/04/27 PHP
浅谈php扩展imagick
2014/06/02 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
php+Memcached实现简单留言板功能示例
2017/02/15 PHP
Django中通过定时任务触发页面静态化的处理方式
2018/08/29 PHP
JQUERY THICKBOX弹出层插件
2008/08/30 Javascript
超轻量级的基于jquery的三级展开列表
2011/04/26 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
IE关闭时判断及AJAX注销案例学习
2013/02/18 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
Node.js(安装,启动,测试)
2014/06/09 Javascript
js父页面与子页面不同时显示的方法
2014/10/16 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
jQuery语法小结(超实用)
2015/12/31 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
2016/11/07 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
vue的一个分页组件的示例代码
2017/12/25 Javascript
浅谈vue项目4rs vue-router上线后history模式遇到的坑
2018/09/27 Javascript
vue组件入门知识全梳理
2020/09/21 Javascript
Python中new方法的详解
2019/01/15 Python
python实现随机漫步方法和原理
2019/06/10 Python
django-allauth入门学习和使用详解
2019/07/03 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
python如何保证输入键入数字的方法
2019/08/23 Python
浅析Python3 pip换源问题
2020/01/06 Python
python使用openpyxl操作excel的方法步骤
2020/05/28 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
《世界多美呀》教学反思
2014/03/02 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
判缓刑人员个人思想汇报
2014/10/10 职场文书
法人代表证明书范本
2015/06/18 职场文书