Switch 开关

使用指南

在 index.json 中引入组件

  1. {
  2.   "usingComponents": {
  3.     "zan-switch": "/packages/switch/index"
  4.   }
  5. }

代码演示

=======

  1. <zan-switch
  2.   disabled="{{ disabled }}"
  3.   checked="{{ checked }}"
  4.   loading="{{ loading }}"
  5.   bind:change="handleFieldChange"
  6. ></zan-switch>
  1. Page({
  2.   data: {
  3.     disabled: false,
  4.     checked: false,
  5.     loading: false
  6.   },
  8.   methods: {
  9.     handleFieldChange(event, data) {
  10.       console.log(event, data);
  11.     }
  12.   }
  13. });

API

参数 说明 类型 默认值 必须
loading switch 是否是 loading 状态 Boolean false
disabled 是否不可用 Boolean false
checked 是否打开状态 Boolean false 必须

Event

事件名称 说明 回调参数
change 当绑定值变化时触发的事件 event对象和数据对象（包含loading和checked）

Switch 开关 - 图1
微信扫一扫

原文:

https://www.youzanyun.com/zanui/weapp#/zanui/form/switch