小程序的条件渲染

发布于 2023-06-07 19:09:25 / 1474人查看

1.wx:if实现条件渲染

在框架中,使用 wx:if="" 来判断是否需要渲染该代码块,如果condition的值为true,就会在页面上渲染出view组件,否则将不会显示该组件。同时还可以结合wx:elifwx:else来使用,此时可以进行多条件的判断是否渲染该代码。

 

2.block结合wx:if使用

因为 wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。

 

3.hiden实现条件渲染

在框架中,使用 hidden="" 来控制组件的显示与隐藏。与前面不同的是,hidden组件始终会被渲染,只是简单的控制显示与隐藏。