a-switch的几种简单应用

1.第一种情况，直接bind数据：

        

<a-switch v-model="isUsed" />

        使用当前值的使用，直接使用isUsed，值为boolean

2.第二中情况，在表单中使用：

<a-form-item label="是否开启">
              <a-switch v-decorator="['BACKSWITCH', { valuePropName: 'checked',rules: [{ required: true, message: '请填写是否开启' }] ,initialValue:false},]" />
 </a-form-item>

        注意：一定要加入valuePropName: 'checked',否则绑定数据会无效。

        在初始绑定使用开启时，可以如下：

this.form.setFieldsValue({
                    BACKSWITCH:true
                });

        使用它时，可以：

this.form.validateFields((err, values) => {
        if (!err) {
            let that = this;
            if(values.BACKSWITCH){
             ...
            }else{
              ...
            }
        ...
    }
...
})

3.在列表中操作列中使用时：

 <template slot="switch" slot-scope="{record}">
              <a-switch :checked="record.BACKSWITCH?true:false" @change="onChangeUse($event,record.id)" />
            </template>

        其中onChangeUse方法如下：

onChangeUse(e,id) {
      if(e){
        ...
      }else{
        ...
      }
    ...
}

        e的值即为当前选择的boolean值。