微信小程序中如何隱藏局部元素

發(fā)布時(shí)間：2021-03-03 15:56:18 來(lái)源：億速云閱讀：265 作者：小新欄目：移動(dòng)開(kāi)發(fā)

這篇文章主要介紹微信小程序中如何隱藏局部元素，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

有時(shí)候我們希望頁(yè)面中的某些元素在特定的時(shí)候出現(xiàn)，這樣就需要用到局部元素的隱藏功能。
這里給到大家一種用標(biāo)志位來(lái)實(shí)現(xiàn)局部元素隱藏或者切換的效果。

下面的代碼主要是功能是：?jiǎn)螕鬴irst第一個(gè)view隱藏，第二個(gè)展示。單擊second第二個(gè)view隱藏，第一個(gè)展示。
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
}

以上是“微信小程序中如何隱藏局部元素”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡