用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
    });
  }
})
相關文章
相關標籤/搜索