首页 > 编程 > JavaScript > 正文

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

2019-11-19 12:50:44
字体:
来源:转载
供稿:网友

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中存在图片时,出现拉不动的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表