• Select 选择器
    • 基础用法
    • 有禁用选项
    • 禁用状态
    • 可清空单选
    • 基础多选
    • 自定义模板
    • 分组
    • 可搜索
    • 远程搜索
    • Select Attributes
    • Select Events
    • Option Group Attributes
    • Option Attributes

    Select 选择器

    当选项过多时，使用下拉菜单展示并选择内容。

    基础用法

    适用广泛的基础单选

    Select 选择器 - 图1

    有禁用选项

    Select 选择器 - 图2

    禁用状态

    选择器不可用状态

    Select 选择器 - 图3

    可清空单选

    包含清空按钮，可将选择器清空为初始状态

    Select 选择器 - 图4

    基础多选

    适用性较广的基础多选，用 Tag 展示已选项

    Select 选择器 - 图5

    自定义模板

    可以自定义备选项

    Select 选择器 - 图6

    分组

    备选项进行分组展示

    Select 选择器 - 图7

    可搜索

    可以利用搜索功能快速查找选项

    Select 选择器 - 图8

    远程搜索

    从服务器搜索数据，输入关键字进行查找

    Select 选择器 - 图9

    Select Attributes

    参数说明类型可选值默认值
    multiple是否多选boolean—false
    disabled是否禁用boolean—false
    clearable单选时是否可以清空选项boolean—false
    nameselect input 的 name 属性string——
    placeholder占位符string—请选择
    filterable是否可搜索boolean—false
    filterMethod自定义过滤方法function——
    remote是否为远程搜索boolean—false
    remoteMethod远程搜索方法function——
    loading是否正在从远程获取数据boolean—false

    Select Events

    事件名称说明回调参数
    onChange选中值发生变化时触发目前的选中值
    onVisibleChange下拉框出现/隐藏时触发出现则为 true，隐藏则为 false
    onRemoveTag多选模式下移除tag时触发移除的tag值
    onClear可清空的单选模式下用户点击清空按钮时触发-

    Option Group Attributes

    参数说明类型可选值默认值
    label分组的组名string——
    disabled是否将该分组下所有选项置为禁用boolean—false

    Option Attributes

    参数说明类型可选值默认值
    value选项的值string/number/object——
    label选项的标签，若不设置则默认与 value 相同string/number——
    disabled是否禁用该选项boolean—false