小程序实现局部元素隐藏

原理：这里主要通过在设置标志来让局部进行隐藏或者切换。

---

下面的代码主要是功能是：单击first第一个view隐藏，第二个展示。单击second第二个view隐藏，第一个展示。

---

JS代码

Page({
  data:{
      flag:0
  },
  clickMes1: function(){ 
      falg=1
  } ，
  clickMes2: function(){ 
      falg=1
  }
}）
   
   
1
2
3
4
5
6
7
8
9
10
11
   
   
1
2
3
4
5
6
7
8
9
10
11

WXML

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

WCSS

.hide{
    display:none
}
   
   
1
2
3
   
   
1
2
3