# Switch 开关
表单的开关组件
# Props
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
item | 开关配置 | object | {"type": "switch" , "label": "开关" , "icon": "icon-kaiguan3" , "options": {"defaultValue": false , "hidden": false , "disabled": false} , "model": "switch_1612862020078" , "key": "switch_1612862020078" , "rules": [{"required": false , "message": "必填项"}]} | {} |
# Events
Event name | Properties | Description |
---|---|---|
input 通过 v-model 语法糖传值,父组件使用 v-model 或:value | val string - 输入框输入值 | 输入框输入事件 |
# Switch 使用方法
<uct-form-item :config="config" :item="item"></uct-form-item>
export default {
data() {
return {
item:{
"type": "switch",
"label": "开关",
"icon": "icon-kaiguan3",
"options": {
"defaultValue": false,
"hidden": false,
"disabled": false
},
"model": "switch_1612862020078",
"key": "switch_1612862020078",
"rules": [{
"required": false,
"message": "必填项"
}]
},
config:{
"layout": "horizontal",
"labelCol": {
"span": 4
},
"wrapperCol": {
"span": 20
},
"hideRequiredMark": false,
"customStyle": ""
}
},
};
← slider 滑块选择器 Title 标题 →