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中存在圖片時,出現拉不動的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。