小程序关于 wx:if和hidden方式隐藏元素
2018-08-21 本文已影响425人
小钟钟同学
因页面渲染的时候,在渲染课程介绍的时候,课程介绍是一张大图,
image.png在进行使用wx:if进行简介和目录TAB切换显示的时候,发现大图会闪烁一下,后来使用了hidden进行处理之后,就不会出现闪现的问题了。
总结一下:
wx:if
1:会进行销毁然后重新渲染
2:被隐藏的元素不操作进行渲染处理
hidden
1:不会销毁元素
2:在隐藏的情况下依然进行元素渲染
hidden使用场景:
1:默认加载默认图的机制:
如:如课程介绍的图比较大,一开始进来的时候先默认显示一个图片,使用惰性加载完成之后,再进行隐藏默认图。
2:多页面渲染切换TAB页面和style="display: {{sortId===currentTabId?'block':'none'}}"类似
使用建议:
切换频繁:hidden,反之使用wx:if