小程序wx:if与hidden比较

举报
薛定喵君 发表于 2021/06/04 01:06:34 2021/06/04
【摘要】 # wx:if 有更高的切换消耗 条件值切换,有一个局部渲染的过程,因为它会确保条件块在切换时销毁或重新渲染惰性的,在隐藏的时候不渲染,如果在初始渲染条件为 false,则在条件第一次变成真的时候才开始局部渲染 适用场景:运行时条件不大可能改变 # hidden 更高的初始渲染消耗 组件始终会被渲染,在隐藏时仍然渲染,只是不呈现只是简单的控制显示与...

# wx:if

有更高的切换消耗

  • 条件值切换,有一个局部渲染的过程,因为它会确保条件块在切换时销毁或重新渲染
  • 惰性的,在隐藏的时候不渲染,如果在初始渲染条件为 false,则在条件第一次变成真的时候才开始局部渲染

适用场景:运行时条件不大可能改变

# hidden

更高的初始渲染消耗

  • 组件始终会被渲染,在隐藏时仍然渲染,只是不呈现
  • 只是简单的控制显示与隐藏

适用场景:需要频繁切换的情景

::: tip 总结

  • 频繁切换-->hidden
  • 偶尔切换-->wx:if
    :::

文章来源: blog.csdn.net,作者:薛定喵君,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/jsxg2009/article/details/115244233

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。