小程序学习

小程序关于 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

上一篇下一篇

猜你喜欢

热点阅读