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,防止页面初始化时一下渲染那么多。
目前小程序d卖陆出层穿透有两种问题:第一种:小程序d出层不滚动的时候,往上下拉时会连页面一起拉动,这个用户体验性很差的。
解决方案:在wxml中,增加catchtouchmove=true,就ok了~
第二种:小程序d出肢没层滚动的时候,加catchtouchmove没效果
解决方案:利中饥顷用scroll-view和page的overflow:hidden组合使用
d出层的时候,isShowPicker为false,就是禁止scroll-view滚动。关闭d出层,isShowPicker为true,就能正常滚动。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)