微信小程序wx:else的页面比wx:if的页面先出来 这个问题怎么解决?

微信小程序wx:else的页面比wx:if的页面先出来 这个问题怎么解决?,第1张

wx:if和wx:else是取反关系,只会有一个显示出来,不知道你这个先出来是怎么做到的。就是说如果wx:if里的值为真,就显示它里面的内容,如果不为真,就显示wx:else里的内容。

如果代码的展示效果与你想的不一样,那就看看if判断是否正确。

wx:if 与hidden都可以控制微信小程序中的元素的显示与否。

先演示下两种方式的使用

wx:if 的使用

wx:if 还可以配合wx:else 使用,用来显示隐藏不同的控件

当isShow true显示test 隐藏test1;当isShow false时显示test1 隐藏test

hidden的使用

当isHidden true时 test隐藏 isHidden false时 test显示

wx:if 和hidden的差别

wx:if的隐藏是不渲染控件

hidden的隐藏是渲染控件,但是不显示

看下面效果

在xml布局中可以看到显示了三个控件,hidden隐藏的部分依然被渲染。

在实际开发过程中,如果频繁切换的话,用wx:if因为要频繁销毁和渲染,会消耗更多的资源。

如果不是频繁切换可以考虑使用wx:if,防止页面初始化时一下渲染那么多。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/11188510.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存