10-1 form之switch组件

其他的组件，这一章重点讲表单组件

常见组件如上图所示：switch组件用于二选一，slider滑动组件，radio 单选组件，checkbox复选框组件。

本节讲switch组件，默认为false。用法，直接添加switch标签就可以了。

Tips

tip: switch类型切换时在iOS自带振动反馈，可在系统设置 -> 声音与触感 -> 系统触感反馈中关闭

type为switch和checkbox 意义是一样的，只不过样式不一样。

checkbox的样式如上所示。

color属性，改变选中后的颜色：比如设为红色：

如何获取状态开关的值？通过事件去获取，看上面的示例：在switch标签上绑定一个方法

<switch checked bindchange="switch1Change"></switch>

然后在page({ }) 中定义方法：

switch1Change:function(e){

    console.log('switch1 发生 change 事件，携带值为', e.detail.value)

}，

e.detail.value就是选中的值。