解决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脚本学习 比较实用的基础
Sep 07 Javascript
JavaScript脚本语言在网页中的简单应用
May 13 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
May 12 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
jQuery简单tab切换效果实现方法
Apr 08 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
Apr 26 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
Node.js文件编码格式的转换的方法
Apr 27 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
vue实现的网易云音乐在线播放和下载功能案例
Feb 18 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
Jul 05 Javascript
vue 单页应用和多页应用的优劣
Oct 22 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
php防止恶意刷新与刷票的方法
2014/11/21 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
DOM相关内容速查手册
2007/02/07 Javascript
Prototype中dom对象方法汇总
2008/09/17 Javascript
Javascript 的addEventListener()及attachEvent()区别分析
2009/05/21 Javascript
JavaScript 页面坐标相关知识整理
2010/01/09 Javascript
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
js实现简易垂直滚动条
2017/02/22 Javascript
React-router v4 路由配置方法小结
2017/08/08 Javascript
vue组件开发props验证的实现
2019/02/12 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
2020/07/19 Javascript
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
Python 网络编程起步(Socket发送消息)
2008/09/06 Python
python批量同步web服务器代码核心程序
2014/09/01 Python
Python入门篇之字符串
2014/10/17 Python
python决策树之CART分类回归树详解
2017/12/20 Python
python实现对求解最长回文子串的动态规划算法
2018/06/02 Python
python使用BeautifulSoup与正则表达式爬取时光网不同地区top100电影并对比
2019/04/15 Python
Python 将json序列化后的字符串转换成字典(推荐)
2020/01/06 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
伦敦时尚生活的缩影:LN-CC
2017/01/24 全球购物
欧洲领先的火车票和大巴票预订平台:Trainline
2018/12/26 全球购物
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
党员学习十八大感想
2014/01/17 职场文书
公务员综合考察材料
2014/02/01 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
公司门卫岗位职责
2015/04/13 职场文书
2019年入党思想汇报
2019/03/25 职场文书