【微信小程序】wx:if与hidden的区别

wx:if 与 hidden 都用来控制小程序元素的显示

 

wx:if

1、条件为 true 时显示

2、当元素显示时渲染

3、元素变为不显示时销毁元素

 

hidden

1、条件为 false 时显示

2、当元素显示时渲染

3、元素变为不显示时保留元素

 

总结：

1、当元素频繁切换是否显示时使用 hidden ，因为 wx:if 会频繁地销毁渲染元素

2、当元素不频繁切换是否显示时使用 wx:if，因为 wx:if 会避免页面加载时渲染过多，导致页面加载缓慢