小程序实现局部元素隐藏

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

---

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