基础用法

    1. export default {
    2.   data() {
    3.     return {
    4.       checked: true
    5.   }
    6. };

    禁用状态

    加载状态

    1. <van-switch
    2.   v-model="checked"
    3.   loading
    4. />

    自定义大小

    1. <van-switch
    2.   v-model="checked"
    3.   size="24px"
    4. />

    自定义颜色

    异步控制

    1. <van-switch
    2.   :value="checked"
    4. />
    1. export default {
    2.     return {
    3.       checked: true
    4.     };
    5.   },
    7.   methods: {
    8.     onInput(checked) {
    9.       Dialog.confirm({
    10.         title: '提醒',
    11.         message: '是否切换开关？'
    12.       }).then(() => {
    13.         this.checked = checked;
    14.       });
    15.     }
    事件名说明参数
    change开关状态切换回调checked: 是否选中开关