# Select 选择器
表单的选择器,包括时间选择器、日期选择器、日期+时间选择器、自定义选择器、地区选择器、打开地图选择具体地址组件
# Props
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
item | 选择器配置 | object | {"type": "select" , "label": "下拉选择器" , "options": {"width": "100%" , "multiple": false , "disabled": false , "clearable": false , "hidden": false , "placeholder": "请选择" , "dynamicKey": "" , "dynamic": false , "options": [{"value": "1" , "label": "下拉框1"} , {"value": "2" , "label": "下拉框2"}] , "showSearch": false} , "model": "select_1619337065723" , "key": "select_1619337065723" , "help": "" , "prefix": "" , "suffix": "" , "rules": [{"required": false , "message": "必填项"}]} | {} |
# Events
Event name | Properties | Description |
---|---|---|
input 通过 v-model 语法糖传值,父组件使用 v-model 或:value | val string - 选择器选择值 | 选择器选择事件 |
# Select 使用方法
<uct-form-item :config="config" :item="item"></uct-form-item>
export default {
data() {
return {
item:{
"type": "select",
"label": "自定义选择器",
"icon": "icon-xiala",
"options": {
"width": "100%",
"multiple": false,
"disabled": false,
"clearable": false,
"hidden": false,
"placeholder": "请选择",
"dynamicKey": "",
"dynamic": 1,
"options": [{
"value": "1",
"label": "下拉框1"
},
{
"value": "2",
"label": "下拉框2"
}
],
"showSearch": false,
"defaultValue": "2"
},
"model": "select_1612861871170",
"key": "select_1612861871170",
"rules": [{
"required": true,
"message": "必填项"
}]
},
config:{
"layout": "horizontal",
"labelCol": {
"span": 4
},
"wrapperCol": {
"span": 20
},
"hideRequiredMark": false,
"customStyle": ""
}
},
};
← Rate 评分 slider 滑块选择器 →