解决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 相关文章推荐
jQuery学习笔记 操作jQuery对象 属性处理
Sep 19 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
Nov 06 Javascript
jquery事件的ready()方法使用详解
Nov 11 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
在NPM发布自己造的轮子的方法步骤
Mar 09 Javascript
读懂CommonJS的模块加载
Apr 19 Javascript
浅谈vue.use()方法从源码到使用
May 12 Javascript
vue实现带复选框的树形菜单
May 27 Javascript
微信小程序8种数据通信的方式小结
Feb 03 Javascript
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
JSONObject与JSONArray使用方法解析
Sep 28 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 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
PHP二维数组的去重问题解析
2011/07/17 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
JavaScript 数组的 uniq 方法
2008/01/23 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
2009/12/15 Javascript
28个JS验证函数收集
2010/03/02 Javascript
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
jQuery Masonry瀑布流布局神器使用详解
2017/05/25 jQuery
微信小程序 同步请求授权的详解
2017/08/04 Javascript
详解小程序退出页面时清除定时器
2019/04/28 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
2021/02/04 jQuery
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
对于Python的Django框架部署的一些建议
2015/04/09 Python
在Python的gevent框架下执行异步的Solr查询的教程
2015/04/16 Python
python PIL模块与随机生成中文验证码
2016/02/27 Python
全面了解Python的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
python将字典内容存入mysql实例代码
2018/01/18 Python
对python Tkinter Text的用法详解
2018/10/11 Python
python3使用matplotlib绘制散点图
2019/03/19 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
2019/12/05 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
使用 Python 处理3万多条数据只要几秒钟
2020/01/19 Python
python读取与处理netcdf数据方式
2020/02/14 Python
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
拾金不昧的表扬信
2014/01/16 职场文书
给国外客户的邀请函
2014/01/30 职场文书
先进个人材料怎么写
2014/12/30 职场文书
使用numpy实现矩阵的翻转(flip)与旋转
2021/06/03 Python
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
关于Python OS模块常用文件/目录函数详解
2021/07/01 Python