解決betterScroll在vue中存在圖片時,出現拉不動的情況!
阿新 • • 發佈:2019-02-07
1.先寫一個圖片載入的方法
2.引用該方法,呼叫成功後再初始化betterScrollclass 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() } } } }) } }