Vue EasyUI 开关按钮
开关按钮（ SwitchButton ）用于form表单。
开关按钮（ SwitchButton ）有两个状态：“开”与“关”。用户可以点击或轻击来切换，标签状态可定义。
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| value | boolean | 绑定到按钮的值。 | null |
| onText | string | 按钮状态为on时的文本值。 | ON |
| offText | string | 按钮关闭状态时的文本值。 | OFF |
| handleText | string | 中心句柄的文本值。 | null |
| disabled | boolean | 是否为禁用按钮。 | false |
| readonly | boolean | 按钮是否只读。 | false |
| inputId | string | 输入框的id属性值。 | null |
注意：
- 继承： FieldBase 。
使用方法
- 配合
v-指令创建功能完善的开关按钮（ SwitchButton ）。
<div class="fitem">
<Label for="s1">接收邮件:</Label>
<SwitchButton inputId="s1" v-model="received"></SwitchButton>
</div>
<div class="fitem">
<Label for="s2">分享网络:</Label>
<SwitchButton inputId="s2" v-model="shared"></SwitchButton>
</div>
<div class="fitem">
<Label for="s3">订阅:</Label>
<SwitchButton inputId="s3" v-model="subscribed"></SwitchButton>
</div>- 参考图例：
