SwitchCell 开关单元格

使用指南

在 app.json 或 index.json 中引入组件

"usingComponents": {
  "van-switch-cell": "path/to/vant-weapp/dist/switch-cell/index"
}

代码演示

基础用法

<van-switch-cell
  title="标题"
  checked="{{ checked }}"
  bind:change="onChange"
/>

Page({
  data: {
    checked: true
  },
  onChange(event) {
    // 需要手动对 checked 状态进行更新
    this.setData({ checked: event.detail });
  }
});

禁用状态

通过disabled属性可以将组件设置为禁用状态

<van-switch-cell
  disabled
  title="标题"
  checked="{{ checked }}"
  bind:change="onChange"
/>

加载状态

通过loading属性可以将组件设置为加载状态

<van-switch-cell
  loading
  title="标题"
  checked="{{ checked }}"
  bind:change="onChange"
/>

API

Event

更新日志

原文: https://youzan.github.io/vant-weapp/#/switch-cell