amtjb wmwdW 9 9.cnm0wdd0
性能优化:checkbox的子节点数大于60怎么优化?在微信开发ide工具-调试器-Audits面板进行跑分并优化: 如下代码发现个性能问题: <checkbox-group class="group" bindchange="checkboxChange"> <view wx:for="{{checkboxItems}}" wx:key="index"> <label class="option"> <checkbox hidden value="{{item.name}}" checked="{{item.checked}}" disabled="{{isShowAnswer}}"> </checkbox> <view class="option-checkbox-out"> <mp-icon extClass="option-checkbox-in" type="outline" icon='done' color="green" wx:if="{{item.checked}}" size="{{26}}" /> <mp-icon extClass="option-checkbox-in" type="outline" icon='close' color="red" wx:if="{{item.resulted}}" size="{{26}}" /> </view> <text class="option-text">{{item.name}}、{{item.value}}</text> </label> </view> </checkbox-group> 性能问题: { "maxDepth": 11, "maxDepthNode": "checkbox", "totalNodeCount": 253, "maxChildren": 100, "maxChildrenNode": "view.contentIndex--content-inner", "page": "pages/xxx/xxx" } [图片] 说checkbox子节点数有100个,但是不建议大于60个。但是代码中看不出子节点有100个? 请教下怎么优化?
2021-06-17