解决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 相关文章推荐
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
jQuery中ajax的post()方法用法实例
Dec 26 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
清除输入框内的空格
Dec 21 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 Javascript
JavaScript常用内置对象用法分析
Jul 09 Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 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
获得Google PR值的PHP代码
2007/01/28 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
javascript 动态数据下的锚点错位问题解决方法
2008/12/24 Javascript
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
2016/02/18 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
js字符串与Unicode编码互相转换
2017/05/17 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
浅谈python中set使用
2016/06/30 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
Python中最好用的命令行参数解析工具(argparse)
2019/08/23 Python
python requests证书问题解决
2019/09/05 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
2016/12/03 HTML / CSS
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
集中整治工作方案
2014/05/01 职场文书
机械系毕业生求职信
2014/05/28 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
三人合伙协议书范本
2014/10/29 职场文书
小学新教师个人总结
2015/02/05 职场文书
董事长开业致辞
2015/07/29 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书