和界面

app.js

Page({data:{showView:true},onLoad:function(options){// 生命周期函數--監聽頁面加載showView:(options.showView=="true"?true:false)},onChangeShowState:function(){var that=this;that.setData({showView:(!that.data.showView)})} })app.wxml

<viewclass="page"><view ><buttonbindtap="onChangeShowState">{{showView?'隱藏':'顯示'}}</button></view><view class="bright789_view_hide{{showView?'bright789_view_show':''}}"><textclass="bright789-text">我是被顯示被隱藏控件</text></view> </view>
app.wxss

.bright789-text{font-size: 40rpx;line-height: 40px;color: #ff0000; } .bright789_view_hide{display: none; } .bright789_view_show{display: block; }

總結

以上是生活随笔為你收集整理的微信小程序：隐藏和显示功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。