微信小程序：条件渲染wx：if和hidden

一、条件渲染：wx:if,wx:elif,wx:else

花括号中的true或false可以改成变量从而来动态显示。

 

 

 

 

 

 二、hidden

 

 

只显示hidden2

 

当标签不是频繁切换显示（控制是否渲染到页面）的时候使用wx:if,当标签频繁的切换显示的时候使用hidden（已经渲染到页面，只是控制是否显示）。

 

 

发现使用hidden时，标签已经渲染出来，只是通过添加样式的方式来实现。

Hidden属性不要和样式display一起使用，否则hidden属性会失效。

 

发现仍然显示出来，因为样式display：flex；将display：none；给覆盖了，