介绍 & lt; view 天气:如果=皗{条件}}“祝辞,True & lt;/view> & lt; view 天气:如果=皗{length 祝辞,5}}“祝辞,1,& lt;/view> & lt; view 天气:elif=皗{length 祝辞,2}}“祝辞,2,& lt;/view> & lt; view 天气:else>, 3, & lt;/view> & lt; block 天气:如果=皗{真}}“比;
& lt;才能view>, view1 & lt;/view>
& lt; view>才能,view2 & lt;/view> & lt;/block>
这篇文章将为大家详细讲解有关小程序开发条件渲染的示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
<强>天气:如果
在框架中,我们用天气:如果=皗{条件}}“来判断是否需要渲染该代码块:
也可以用天气:elif和天气:其他来添加一个其他块:
<强>块wx:如果
因为天气:如果是一个控制属性,需要将它添加到一个标签上。但是如果我们想一次性判断多个组件标签,我们可以使用一个& lt;块/祝辞标签将多个组件包装起来,并在上边使用天气:如果控制属性。
注意:& lt;块/祝辞并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。
<强>天气:如果vs隐藏
因为天气:如果之中的模板也可能包含数据绑定,所以当天气:如果的条件值切换时,框架有一个局部渲染的过程,因为它会确保条件块在切换时销毁或重新渲染。
同时天气:如果也是惰性的,如果在初始渲染条件为false,框架什么也不做,在条件第一次变成真的时候才开始局部渲染。
相比之下,隐藏就简单的多,组件始终会被渲染,只是简单的控制显示与隐藏。
一般来说,天气:如果有更高的切换消耗而隐藏有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用隐藏更好,如果在运行时条件不大可能改变则wx:如果较好。
关于“小程序开发条件渲染的示例”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。
