051 ∞ 表单组件：switch

不二如是

                               
登录/注册后可看大图

上一讲我们搞定了slider，本次来学习switch。

switch，开关选择器，属性：

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

index.wxml：

1. <view class="body-view">
   
2.     <switch checked bindchange="switch1Change"/>
   
3.     <switch bindchange="switch2Change"/>
   
4. </view>

复制代码

index.js：

1. Page({
   
2.   switch1Change: function (e){
   
3.     console.log('switch1 发生 change 事件，携带值为', e.detail.value)
   
4.   },
   
5.   switch2Change: function (e){
   
6.     console.log('switch2 发生 change 事件，携带值为', e.detail.value)
   
7.   }
   
8. })

复制代码

---

课后作业


1、小程序中的开关选择器是？



答案：

游客，如果您要查看本帖隐藏内容请回复

---

如果有收获，别忘了评分 ：

                               
登录/注册后可看大图

这位鱼油，如果喜欢小程序，请订阅 专辑&#9758;（传送门）（不喜欢更要订阅 ）

                               
登录/注册后可看大图

一笙彤

0