汇总微信小程序隐藏元素的五种方法

　　一、使用wx:if指令。

　　二、使用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属性值控制元素的显示与否

　　五、使用hidden属性,然后在页面的js文件中通过修改hidden值来控制，

<view hidden="true">每个组件都有的hidden属性</view>
　　
<view hidden='false'>每个组件都有的hidden属性</view>
　　
<view hidden="{{hiddenn}}">每个组件都有的hidden属性</view>

希望对你在开发微信小程序隐藏元素有帮助哦！

模板简介：该模板名称为【汇总微信小程序隐藏元素的五种方法】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。