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

高洛峰
發布: 2018-05-15 11:05:18
原創
2568 人瀏覽過

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

下面的程式碼主要是功能是:點選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中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板