解决betterScroll在vue中存在图片时,出现拉不动的问题
时间:2021-06-16 08:25:15|栏目:vue|点击: 次
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
上一篇:vue登录页实现使用cookie记住7天密码功能的方法
栏 目:vue
下一篇:vue中for循环更改数据的实例代码(数据变化但页面数据未变)
本文标题:解决betterScroll在vue中存在图片时,出现拉不动的问题
本文地址:http://www.codeinn.net/misctech/143127.html