2023年微信小程序表单组件开关 switch-加速度jsudo

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

来源：加速度jsudo

作者

访问量 7450

本文摘要

入门微信开发，表单组件是必不可少的一部分。其中有一个非常实用的开关控件，叫做“switch”，下面我们来详细了解一下它的使用方法。 1. switch是什么？ switch是微信小程序表单组件之一，可以用于表示两种相互对立的状态（开/关、是/否）。它简洁明了的样式和易于使用的API，增强了用户与小程序的交互体验。 2. switch有哪些属性？

入门微信开发，表单组件是必不可少的一部分。其中有一个非常实用的开关控件，叫做“switch”，下面我们来详细了解一下它的使用方法。

1. switch是什么？

switch是微信小程序表单组件之一，可以用于表示两种相互对立的状态（开/关、是/否）。它简洁明了的样式和易于使用的API，增强了用户与小程序的交互体验。

2. switch有哪些属性？

我们可以通过以下几个属性来控制switch的外观和行为：

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

3. switch如何使用？

下面是一个简单的switch的代码示例：

我们可以在JS中定义相应的事件来处理switch状态的改变，如下所示：

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