[微信小程序] wx:if和hidden的区别

微信小程序中的wx:if 和 hidden的异同


id name 相同点 不同点
0 wx:if true时显示,false不显示,都可以控制元素是否展示 true时, 视图中有该元素,并且展示,false时,视图中没有该元素,被销毁
1 hidden true时隐藏,false显示,都可以控制元素是否展示 false与true时,视图中都有该元素,不过,为true时,隐藏起来了

[微信小程序] wx:if和hidden的区别_第1张图片

[微信小程序] wx:if和hidden的区别_第2张图片

  • 总结: 使用hidden,不管值为true还是false,元素都会进行加载, wx:if,只有为true时,才会加载,所以,可以在切换频率较少的时候使用wx:if,减少资源的使用, 切换较多的地方使用hidden,提高用户体验.

你可能感兴趣的:(微信小程序,前端)