微信小程序表单类组件switch开关选择器使用详解

 时间:2026-02-12 06:17:38

1、先百度搜索查看 switch 开关选择器组件的官方文档,其比较常用的属性有 type (样式类型,可选 switch 和 checkbox),color (开关的颜色)。

微信小程序表单类组件switch开关选择器使用详解

2、在 wxml 中通过 <switch> 标签创建 2 个开关选择器,分别如下配置:

1. 配置属性 type 为 "switch",并绑定 change 事件回调函数;

2. 配置属性 type 为 "checkbox" 以及 color,并绑定 change 事件回调函数。

微信小程序表单类组件switch开关选择器使用详解

3、js 文件中定义上面绑定的事件回调函数。

微信小程序表单类组件switch开关选择器使用详解

4、wxss 中声明 wxml 中使用的类的样式定义。

微信小程序表单类组件switch开关选择器使用详解

5、保存编译后,模拟器显示的页面效果符合预期,修改开关选择器的开关状态,在模拟器中可以看到绑定的回调函数被触发执行。

微信小程序表单类组件switch开关选择器使用详解

  • VS2013怎么默认文档视图改为设计视图
  • 类图怎么画?
  • Visual Studio C/C++代码读取文件出现乱码?
  • 怎样使用pycharm方便快捷地将代码传到服务器
  • eclipse创建WEB项目没有web.xml怎么解决
  • 热门搜索
    怎么封别人的qq号 路由器密码怎么设置 支气管炎干咳怎么办 12306密码忘了怎么办 怎么查看电脑内存 怎么减掉双下巴 宫保鸡丁怎么做好吃 浦发信用卡怎么样 大写的一怎么写 炒米粉怎么做好吃