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
    },
}

参考:arco-design_Select

value :Number | String | Array

Options

参数名描述类型默认值
value选项值OptionValue-
label选项内容string-
disabled是否禁用booleanfalse
tagProps选项对应的多选标签的属性any-
render自定义渲染RenderFunction-

Props

参数名描述类型默认值版本
multiple是否开启多选模式(多选模式默认开启搜索)booleanfalse
size选择框的大小'mini' | 'small' | 'medium' | 'large''medium'
placeholder占位符string-
loading是否为加载中状态booleanfalse
disabled是否禁用booleanfalse
error是否为错误状态booleanfalse
allow-clear是否允许清空booleanfalse
allow-search是否允许搜索boolean | { retainInputValue?: boolean }`false (single)true (multiple)`
allow-create是否允许创建booleanfalse
max-tag-count多选模式下,最多显示的标签数量。0 表示不限制number0
popup-container弹出框的挂载容器string | HTMLElement-
bordered是否显示输入框的边框booleantrue
popup-visible是否显示下拉菜单boolean-
default-popup-visible弹出框默认是否可见(非受控模式)booleanfalse
unmount-on-close是否在下拉菜单关闭时销毁元素booleanfalse
filter-option是否过滤选项boolean | ((inputValue: string, optionInfo: OptionInfo) => boolean)true
options选项数据Option[][]
virtual-list-props传递虚拟列表属性,传入此参数以开启虚拟滚动 VirtualListPropsVirtualListProps-
trigger-props下拉菜单的触发器属性TriggerProps-
format-label格式化显示内容(data: OptionInfo) => string-
fallback-option自定义值中不存在的选项boolean| ((value: string | number | Record<string, unknown>) => OptionData) | false2.10.0
show-extra-options是否在下拉菜单中显示额外选项booleantrue2.10.0
value-key用于确定选项键值得属性名string'value'2.18.0

Events

事件名描述参数
change值发生改变时触发-
input-value-change输入框的值发生改变时触发-
popup-visible-change下拉框的显示状态改变时触发-
clear点击清除按钮时触发-
remove点击标签的删除按钮时触发-
search用户搜索时触发-
dropdown-scroll下拉菜单发生滚动时触发-
dropdown-reach-bottom下拉菜单滚动到底部时触发-

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用