微信小程序表单组件开关 switch

2022-05-11 16:09 更新

switch

开关选择器。

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

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

page({
  switch1Checked: function (e){    console.log('switch1 发生 change 事件，携带值为', e.detail.value)  },
  switch2Change: function (e){    console.log('switch2 发生 change 事件，携带值为', e.detail.value)
  }
})

switch

以上内容是否对您有帮助：

← 微信小程序表单组件滑动选择器 slider

微信小程序表单组件多行输入框 textarea →

写笔记

我要补充

微信小程序表单组件 开关 switch

switch

推荐文章

推荐教程

推荐课程

微信小程序表单组件开关 switch