微信小程序—wx:if隐藏显示
第一步:if。wxml
<button type="primary" bindtap="toggle">显示/隐藏</button>
<view wx:if="{{isShow}}">
<text>我是隐藏/显示的内容</text>
</view>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190816144542616.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BvcHB5X0xZVA==,size_16,color_FFFFFF,t_70)
第二步:if。js
data: {
isShow: true
},
toggle: function () {
this.setData({isShow: !this.data.isShow}) //取反
},
显示
![在这里插入图片描述](https://img-blog.csdnimg.cn/201908161446303.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BvcHB5X0xZVA==,size_16,color_FFFFFF,t_70)
隐藏
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190816144639932.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BvcHB5X0xZVA==,size_16,color_FFFFFF,t_70)