更新记录

1.5（2022-03-25）

支持监听

1.4（2022-03-18）

支持异步监听默认值状态

1.3（2021-11-03）

部分功能完善

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
HBuilderX 3.1.10 app-vue	×	√	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	√	√	√	√	√	√	√

switch组件

如有问题及优化建议，可咨询本人，尝试了h5/微信小程序/安卓客户端，如有新的需求也可以留言

使用方式

在 `script` 中引用组件

import selectSwitch from "@/components/xuan-switch/xuan-switch.vue";

export default{

components: {

selectSwitch

}

在 `template` 中添加组件

在 `methods` 中添加方法

changeSwitch(isSwitch){ // isSwitch：当前开关状态 }

属性说明：

属性名	类型	默认值	说明
switchList	Array	['开',’关‘]	switch默认显示内容
disabled	Boolean	false	是否禁用
defaultSwitch	Boolean	true	switch默认状态
isShowModal	Boolean	false	是否异步控制开关
bj_color	String	#fff	switch开关背景色
checked_bj_color	String	#1989fa	当前状态背景色
checked_color	String	#fff	当前状态字体颜色

事件说明：

事件名	说明
@change	组件状态发生变化时触发的方法

switch开关，按钮可嵌套内容，支持异步关闭、滑动动画效果、禁用以及颜色配置 switch switch开关 开关组件 异步开关

更新记录

1.5（2022-03-25）

1.4（2022-03-18）

1.3（2021-11-03）

平台兼容性

switch组件

在 `script` 中引用组件

在 `template` 中添加组件

在 `methods` 中添加方法

属性说明：

事件说明：

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

switch开关，按钮可嵌套内容，支持异步关闭、滑动动画效果、禁用以及颜色配置

switch开关，按钮可嵌套内容，支持异步关闭、滑动动画效果、禁用以及颜色配置 switch switch开关 开关组件 异步开关

更新记录

1.5（2022-03-25）

1.4（2022-03-18）

1.3（2021-11-03）

平台兼容性

switch组件

在 script 中引用组件

在 template 中添加组件

在 methods 中添加方法

属性说明：

事件说明：

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

switch开关，按钮可嵌套内容，支持异步关闭、滑动动画效果、禁用以及颜色配置

Modal title

switch开关，按钮可嵌套内容，支持异步关闭、滑动动画效果、禁用以及颜色配置 switch switch开关开关组件异步开关

在 `script` 中引用组件

在 `template` 中添加组件

在 `methods` 中添加方法