目录
一、效果图：
二、代码
js：
wxml：
一、效果图：
文章来源地址https://www.toymoban.com/news/detail-516913.html
二、代码
js：
Page({
data:{
hidden:false,
},
// 隐藏
yincang:function(e){
setTimeout(function () {
this.setData({
hidden: true
})
}.bind(this), )
},
// 显示
xianshi:function(e){
setTimeout(function () {
this.setData({
hidden: false
})
}.bind(this), )
},
})wxml：
<view style="text-align: center;">
<view hidden='{{hidden}}' >
<image mode='widthFix' src='https://gd-hbimg.huaban.com/f3b0ddffcf31f47a4bb6ed1cca127b4665a30a2f35598-fR8uq4'></image>
<button style="margin-top: 25rpx;" type="warn" bindtap='yincang'>隐藏</button>
</view>
<view wx:if="{{hidden}}">
<!-- <image mode='widthFix' src='https://gd-hbimg.huaban.com/8de549e728eff85248a619a845bc00409f277adf18b8d-zALOF3'></image> -->
<button style="margin-top: 25rpx;" wx:if="{{hidden}}" type="primary" bindtap='xianshi'>显示</button>
</view>
</view>文章来源：https://www.toymoban.com/news/detail-516913.html
到了这里，关于微信小程序通过点击按钮控制元素隐藏与显示的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![uniapp - [微信小程序] 详细动态设置分享转发时的参数，实现点击按钮元素后 “手动触发“ 动态设置参数并调起转发分享给好友（列表上每一个分享按钮，单独设置分享转发参数，每次都是不同的分享参数）](https://imgs.yssmx.com/Uploads/2024/02/625726-1.gif)
