汇总微信小程序隐藏元素的五种方法_微信小程序在js设置style隐藏标签

作者：繁依Fanyi0 | 2024-03-19 15:35:34

踩

微信小程序在js设置style隐藏标签

一、使用wx:if指令。

　　二、使用opacity属性

　　<view style="opacity:{{opacity}}">我是opacity属性</view>

　　三、使用display属性，

`1`	`<view style="display:none">每个组件都有的display属性</view>//元素不显示`

2 　　

`3`	`<view style="display:block">每个组件都有的display属性</view>//元素显示`

4 　　

`5`	`<view hidden="{{'adfad'=='adf'}}">每个组件都有的dy属性</view>//当然在{{}}表达式中也可以使用一些简单的运算。`

　　四、还有一种方式可以使用绝对定位，使元素脱离文档流，通过改变元素的top和left属性值控制元素的显示与否

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

`1`	`<view hidden="true">每个组件都有的hidden属性</view>`

2 　　

`3`	`<view hidden='false'>每个组件都有的hidden属性</view>`

4 　　

`5`	`<view hidden="{{hiddenn}}">每个组件都有的hidden属性</view>`

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/268068