微信小程序 列表數據量大導致白屏，報錯dom limit exceeded

微信小程序對於頁面中的節點數量有做限制

https://developers.weixin.qq.com/miniprogram/dev/framework/audits/performance.html

解決方案：

將循環中的item放入組件中

創建組件的方法https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/

 

例如

<!-- 訂單列表循環 -->
<view wx:for="{{orderList}}">
  <!-- 以下是對一個自定義組件的引用 並傳入每一條訂單數據 -->
  <component-tag-name orderData="item"></component-tag-name>
</view>