wx:if和hidden都是用来控制微信小程序中的元素是否显示
wx:if和hidden的区别
一、
!wx:if
wx:if 是惰性的,初始条件为false时,框架什么也不做,在条件第一次为true时才开始局部渲染。
此时如果isShow这个条件为false 那么图中的盒子将不会显示。
!hidden
hidden:组件始终都会被渲染,只是根据变量来简单的控制显示与隐藏。
hidden的初始条件为false时也会进行渲染。
二、
wx:if是通过创建和销毁来达到显示和隐藏,hidden是直接控制的显示和隐藏。文章来源:https://www.toymoban.com/news/detail-616669.html
如果频繁切换的话,使用wx:if会消耗更多的资源,因为每一次切换页面,他都会渲染,隐藏时就会销毁,如果切换不频繁的话,可以使用wx:if,可以避免一下渲染过多元素,造成页面加载速度缓慢,如果频繁切换可以使用hidden,避免浪费资源。文章来源地址https://www.toymoban.com/news/detail-616669.html
到了这里,关于wx:if和hidden 的区别的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!