微信小程序 列表数据量大导致白屏，报错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>