用switch组件控制一个元素的显示和隐藏状态

微信小程序开发(交流QQ群:604788754)

WXML:

<view class="body-view">
    <switch bindchange="switch1Change"/>
</view>
<view wx:if="{{shows==true}}">
随着switch组件切换来显示
</view>

JS:

Page({
  data:{
    shows:false
  },
  switch1Change:function(e){
    this.setData({
      shows:e.detail.value
    });
  }
})

 

posted @ 2017-06-13 10:14  生如逆旅,一苇以航  阅读(2744)  评论(0编辑  收藏  举报