一、使用wx:if指令
<view wx:if="{{3>2}}">我是wx:if</view>
二、使用opacity属性
<view style="opacity:{{opacity}}">我是opacity属性</view>
三、使用display属性
<view style="display:none">每个组件都有的display属性</view>//元素不显示
<view style="display:block">每个组件都有的display属性</view>//元素显示
<view hidden="{{'adfad'=='adf'}}">每个组件都有的dy属性</view>//当然在{{}}表达式中也可以使用一些简单的运算。
四、还有一种方式可以使用绝对定位
使元素脱离文档流,通过改变元素的top和left属性值控制元素的显示与否文章来源:https://www.toymoban.com/news/detail-762501.html
五、使用hidden属性
在页面的js文件中通过修改hidden值来控制文章来源地址https://www.toymoban.com/news/detail-762501.html
<view hidden="true">每个组件都有的hidden属性</view>
<view hidden='false'>每个组件都有的hidden属性</view>
<view hidden="{{hiddenn}}">每个组件都有的hidden属性</view>
到了这里,关于整理微信小程序控制view隐藏显示的五种方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!