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

这篇文章主要介绍微信小程序中如何隐藏局部元素，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

有时候我们希望页面中的某些元素在特定的时候出现，这样就需要用到局部元素的隐藏功能。
这里给到大家一种用标志位来实现局部元素隐藏或者切换的效果。

下面的代码主要是功能是：单击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
}

以上是“微信小程序中如何隐藏局部元素”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！