微信小程式的局部元素的隱藏

有時候我們希望頁面中的某些元素在特定的時候出現，這樣就需要用到局部元素的隱藏功能。
這裡給到大家一種用標誌位來實現局部元素隱藏或切換的效果。

下面的程式碼主要是功能是：點選first第一個view隱藏，第二個展示。點選second第二個view隱藏，第一個展示。
JS代碼

Page({
  data:{
      flag:0
  },
  clickMes1: function(){
      falg=1
  } ，
  clickMes2: function(){
      falg=1
  }
}）

WXML

<view class={{flag===0？"hide":""}} bindtap="clickMes1">first </view>
<view class={{flag===1？"hide":""}} bindtap="clickMes2">second</view>
1
2

WCSS

.hide{
    display:none
}

更多微信小程式的局部元素的隱藏相關文章請關注PHP中文網！