Skip to content

下拉选择器

用于方便用户从多个选项列表中进行选择。

单选

多选

在输入组中使用

选择一种水果

初始化选项

名称类型默认值说明
idstringnull组件根元素的 ID。
classNamestringarrayobjectnull类名。
styleobjectnull样式。
tagNamestringnull组件根元素的标签名。
attrsobjectnull附加到组件根元素上的属性。
clickType'toggle''open'null点击类型,toggle 表示点击按钮时切换显示隐藏,open 表示点击按钮时只打开。
afterRenderfunctionnull渲染完成后的回调函数。
beforeDestroy() => voidnull销毁前的回调函数。
namestringnull作为表单项的名称。
defaultValuestringstring[]null默认值。
onChangefunctionnull值变更回调函数。
disabledbooleannull是否禁用。
multiplebooleannumbernull是否允许选择多个值,如果指定为数字,则限制多选的数目,默认 false。
requiredbooleannull是否必选(不允许空值,不可以被清除)。
placeholderstringnull选择框上的占位文本。
valueSplitterstringnull多个值的分隔字符串,默认为 ','。
itemsobject[]function列表项或列表项获取方法。
menuMenuOptionsnull附加的菜单选项。
hotkeybooleannull是否启用快捷键。
searchbooleannumbernull是否启用搜索。
searchDelaynumbernull搜索延迟时间,单位:毫秒。
searchHintstringnull搜索提示文本。
onDeselectfunctionnull当取消选择值时的回调函数。
onSelectfunctionnull当选择值时的回调函数。
onClear() => voidnull当清空值时的回调函数。
popContainerstringHTMLElementnull下拉面板容器元素。
popWidthnumber'auto''100%'菜单宽度,如果设置为 '100%' 则与选择框宽度一致,默认 '100%'
popHeightnumber'auto'菜单高度,默认 'auto'
popMaxHeightnumbernull菜单最大高度,默认 300
popMinHeightnumbernull菜单最小高度,默认 32
popMaxWidthnumbernull菜单最大宽度,当宽度设置为 'auto' 时生效。
popMinWidthnumbernull菜单最小宽度,当宽度设置为 'auto' 时生效,默认 50。
popPlacementstringnull菜单方向,包括 autotoprightbottomleftbottom-startbottom-endleft-startleft-endright-startright-endtop-starttop-end,默认 'auto'
popClassstringarrayobjectnull菜单类名。
popStyleobjectnull菜单样式。
onPopShow() => voidnull菜单显示时的回调函数。
onPopShown() => voidnull菜单显示后的回调函数。
onPopHide() => voidnull菜单隐藏时的回调函数。
onPopHidden() => voidnull菜单隐藏后的回调函数。

列表项定义

名称类型默认值说明
valuestring值。
keysstringnull关键字,用于搜索。
textstringnull文本。
disabledbooleannull是否禁用。
classNamestringobjectstringnull类名。
iconstringnull图标。
trailingIconstringnull尾部图标。
hintstringnull提示文本。
attrsobjectnullHTML 属性。
styleobjectnull样式。

MIT License (MIT)