微信小程序動態(tài)的顯示或隱藏控件的方法(兩種方法)

<view class="{{showView?'bright789_view_show':'bright789_view_hide'}}">
 <text class="bright789-text">我是被顯示被隱藏控件</text>
 </view>

<view class="bright789_view_hide {{showView?'bright789_view_show':''}}">
 <text class="bright789-text">我是被顯示被隱藏控件</text>
 </view>

<view class="bright789_view_hide bright789_view_show}">
 <text class="bright789-text">我是被顯示被隱藏控件</text>
 </view>

<view class="bright789_view_hide }">
 <text class="bright789-text">我是被顯示被隱藏控件</text>
 </view>

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

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

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