u-switch.vue
0.1.1 • Public • Published 开关(Switch)
示例
基本形式
<u-switch></u-switch>
Value绑定
<template>
<u-switch v-model="value" width="wide">{{ value ? 'ON' : 'OFF' }}</u-switch>
</template>
<script>
export default {
data() {
return { value: false };
},
};
</script>
只读和禁用
<u-linear-layout>
<u-switch readonly></u-switch>
<u-switch disabled></u-switch>
</u-linear-layout>
API
Attrs/Props
Attr/Prop |
Type |
Default |
Description |
value |
Boolean |
false |
开关状态 |
readonly |
Boolean |
false |
是否只读 |
disabled |
Boolean |
false |
是否禁用 |
Slots
Slot |
Description |
(default) |
在插槽中插入文本或HTML |
Events
@before-toggle
切换开关状态前触发
Param |
Type |
Description |
$event.value |
Boolean |
开关状态 |
$event.oldValue |
Boolean |
旧的开关状态 |
$event.preventDefault |
Function |
阻止切换流程 |
@input
切换开关状态时触发
Param |
Type |
Description |
$event |
Boolean |
切换后的开关状态 |
@toggle
切换开关状态时触发
Param |
Type |
Description |
$event.value |
Boolean |
开关状态 |
$event.oldValue |
Boolean |
旧的开关状态 |
@change
开关状态改变时触发
Param |
Type |
Description |
$event.value |
Boolean |
开关状态 |
$event.oldValue |
Boolean |
旧的开关状态 |
Dependencies (1)
Dev Dependencies (0)
Package Sidebar
Install
Weekly Downloads