Vant SwitchCell 開關(guān)單元格

廢棄提示

SwitchCell 組件將在 3.0 版本中廢棄，請(qǐng)直接使用 Cell 和 Switch 組件代替

引入

import Vue from 'vue';
import { SwitchCell } from 'vant';

Vue.use(SwitchCell);

代碼演示

基礎(chǔ)用法

<van-cell-group>
  <van-switch-cell v-model="checked" title="標(biāo)題" />
</van-cell-group>

export default {
  data() {
    return {
      checked: true
    }
  }
}

禁用狀態(tài)

通過disabled屬性可以將組件設(shè)置為禁用狀態(tài)

<van-cell-group>
  <van-switch-cell v-model="checked" disabled title="標(biāo)題" />
</van-cell-group>

加載狀態(tài)

通過loading屬性可以將組件設(shè)置為加載狀態(tài)

<van-cell-group>
  <van-switch-cell v-model="checked" loading title="標(biāo)題" />
</van-cell-group>

API

Props

Events