本篇经验将继续分享表单类组件中switch开关选择器组件的使用详解。经验基于第一个手工构建的微信小程序演示,具体构建步骤,可参考如下经验引用。
工具/原料
微信开发者工具
方法/步骤
1、先百度搜索查看switch开关选择器组件的官方评鲦易纪文档,其比较常用的属性有type(样式类型,可选switch和checkbox),color(开关的颜色)。
2、在wxml中通过<switch>标签创建2个开关选择器,分谧摅嵝羟别如下配置:1.配置属性type牾肟甘道为"switch",并绑定change事件回调函数;2.配置属性type为"checkbox"以及color,并绑定change事件回调函数。
3、js文件中定义上面绑定的事件回调函数。
4、wxss中声明wxml中使用的类的样式定义。
5、保存编译后,模拟器显示的页面效果符合预期,修改开关选择器的开关状态,在模拟器中可以看到绑定的回调函数被触发执行。