1. 程式人生 > >微信小程式----元件之switch

微信小程式----元件之switch

效果圖:


專案結構:


核心程式碼:

index.wxml

<view class="body-view">
    <switch checked bindchange="switch1Change"/>
    <switch bindchange="switch2Change"/>
</view>

index.js
Page({
  switch1Change: function (e) {
    console.log('switch1 發生 change 事件,攜帶值為', e.detail.value)
  },
  switch2Change: function (e) {
    console.log('switch2 發生 change 事件,攜帶值為', e.detail.value)
  }
})