小編推薦：Fundebug專注於JavaScript、微信小程式、微信小遊戲，Node.js和Java實時BUG監控。真的是一個很好用的bug監控費服務，眾多大佬公司都在使用。

image 懶載入不生效

檢視文件，只要image元件在 page 與 scroll-view 下，均會生效。

image.png

所有的註冊頁面講道理都在page 之下，注意這個是註冊頁面，而不是元件等。不過通常情況下元件也會在頁面上被使用，裡面的image自然也會在page之下。

為什麼看起來像是沒有生效？

這裡就要解釋一下lazy-load 實際實現的功能了，小程式的lazy-load 不是通常認為的不在當前情況下展示的image標籤不載入，而是小程式提前載入當前螢幕和下一屏的圖片，導致感知不到懶載入的存在。

怎麼驗證懶載入

因為微信開發者工具不能通過除錯工具顯示image載入情況，所以我們利用 bindload 事件【image載入後觸發本事件】

<image wx:for="{{imageList}}" src="{{item}}" lazy-load="{{true}}" bindload="outputSrc"  data-src="{{item}}"/>

outputSrc(e) {
  // 只需檢視本事件觸發即可知道image 的載入情況
   console.log(e.currentTarget.dataset.src)
}

作者：蠟筆丶超人
連結：https://www.jianshu.com/p/d08f40f6511d

關於Fundebug

Fundebug專注於JavaScript、微信小程式、微信小遊戲、支付寶小程式、React Native、Node.js和Java實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了9億+錯誤事件，得到了Google、360、金山軟體、百姓網等眾多知名使用者的認可。歡迎免費試用！