# switch

开关选择器。

属性 类型
默认值
必填
说明
checked boolean false 是否选中
disabled boolean false 是否禁用
type string switch 样式,有效值:switch, checkbox
color string #04BE02 switch 的颜色,同 css 的 color
bindchange eventhandle checked 改变时触发 change 事件,event.detail={ value}

# 使用效果

switch

# 示例代码

<view class="body-view">
  <switch checked bindchange="switch1Change" />
  <switch bindchange="switch2Change" />
</view>
1
2
3
4
Page({
  switch1Change: function(e) {
    console.log('switch1 发生 change 事件,携带值为', e.detail.value)
  },
  switch2Change: function(e) {
    console.log('switch2 发生 change 事件,携带值为', e.detail.value)
  }
})
1
2
3
4
5
6
7
8

在线客服