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

results matching ""

    No results matching ""