微信小程序 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 会避免页面加载时渲染过多，导致页面加载缓慢

文章来源：田珊珊个人博客

来源地址：http://www.tianshan277.com/851.html