| 属性名 | 类型 | 默认值 | 说明 |
|---|
name | string | '' | 表单字段名 |
modelValue | boolean | null | null | 绑定值 (v-model) |
checked | boolean | false | 是否选中 |
disabled | boolean | false | 是否禁用 |
type | 'switch' | 'checkbox' | 'switch' | 开关类型 |
| 事件名 | 参数 | 说明 |
|---|
update:modelValue | modelValue: boolean | v-model 更新 |
change | value: boolean | 开关变化 |
支持表单字段注册。
<yt-switch v-model="isActive" />
<yt-switch :modelValue="checked" @update:modelValue="checked = $event" />
<yt-switch :checked="true" />
<yt-switch v-model="defaultOn" :checked="true" />
<yt-switch :disabled="true" />
<yt-switch :disabled="isLoading" />
<yt-switch type="checkbox" />
<yt-switch type="checkbox" v-model="agree" />
<yt-switch name="notification" />
<yt-switch v-model="switchValue" @change="handleSwitchChange" />
<yt-switch
name="autoSave"
v-model="autoSave"
:disabled="saving"
type="switch"
@change="savePreference"
/>