# 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 滑块选择器 →