Skip to content

Select 下拉选择框

规则

js
{
    type: "select",
    field: "cate_id",
    title: "产品分类",
    value: ["104","105"],
    options: [
        {"value": "104", "label": "生态蔬菜", "disabled": false},
        {"value": "105", "label": "新鲜水果", "disabled": false},
     ],
    props: {
        multiple: true
    },
}
{
    type: "select",
    field: "cate_id",
    title: "产品分类",
    value: ["104","105"],
    options: [
        {"value": "104", "label": "生态蔬菜", "disabled": false},
        {"value": "105", "label": "新鲜水果", "disabled": false},
     ],
    props: {
        multiple: true
    },
}

参考:Element_Select

value :Number | String | Array

Options

字段名说明字段类型是否必填默认值
value参数值String,Numbertrue-
label字段别名Stringtrue-
disabled设置为禁用状态Booleanfalsefalse

Props

参数说明类型可选值默认值
multiple是否多选booleanfalse
disabled是否禁用booleanfalse
valueKey作为 value 唯一标识的键名,绑定值为对象类型时必填stringvalue
size输入框尺寸stringmedium/small/mini
clearable是否可以清空选项booleanfalse
collapseTags多选时是否将选中值按文字的形式展示booleanfalse
multipleLimit多选时用户最多可以选择的项目数,为 0 则不限制number0
nameselect input 的 name 属性string
autocompleteselect input 的 autocomplete 属性stringoff
autoComplete下个主版本弃用stringoff
placeholder占位符string请选择
filterable是否可搜索booleanfalse
allowCreate是否允许用户创建新条目,需配合 filterable 使用booleanfalse
filterMethod自定义搜索方法function
remote是否为远程搜索booleanfalse
remoteMethod远程搜索方法function
loading是否正在从远程获取数据booleanfalse
loadingText远程加载时显示的文字string加载中
noMatchText搜索条件无匹配时显示的文字string无匹配数据
noDataText选项为空时显示的文字string无数据
popperClassSelect 下拉框的类名string
reserveKeyword多选且可搜索时,是否在选中一个选项后保留当前的搜索关键词booleanfalse
defaultFirstOption在输入框按下回车,选择第一个匹配项。需配合 filterableremote 使用boolean-false
popperAppendToBody是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 falseboolean-true
automaticDropdown对于不可搜索的 Select,是否在输入框获得焦点后自动弹出选项菜单boolean-false

Events

事件名称说明回调参数
change选中值发生变化时触发目前的选中值
visible-change下拉框出现/隐藏时触发出现则为 true,隐藏则为 false
remove-tag多选模式下移除tag时触发移除的tag值
clear可清空的单选模式下用户点击清空按钮时触发
blur当 input 失去焦点时触发(event: Event)
focus当 input 获得焦点时触发(event: Event)

Released under the MIT License.