Switch
表示两种相互对立的状态间的切换,多用于触发「开/关」。Demo
引入
import { Switch } from 'vue-pmui';
// 全局使用
Vue.component(Switch.name, Switch);
// 或者
Vue.use(Switch);
例子
不同颜色
<pm-switch type="default" v-model="value"/>
<pm-switch type="primary" v-model="value"/>
<pm-switch type="success" v-model="value"/>
<pm-switch type="danger" v-model="value"/>
<pm-switch type="warning" v-model="value"/>
自定义值
<pm-switch v-model="value2"
true-label="打开"
false-label="关闭"/>
禁用
<pm-switch v-model="value3" disabled/>
Props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| true-label | 打开时绑定值 | Boolean/Number/String/Object | true | |
| false-label | 关闭时绑定值 | Boolean/Number/String/Object | false | |
| type | 主题颜色 | String | default/primary/success/danger/wanring | false |
| disabled | 是否禁用 | Boolean | false |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 绑定值变化时触发 | newValue, oldValue |