Skip to content

Select 选择器

基础用法

v-model 绑定选项值,options指定选项

disabled

selectdisabledoptiondisabled

基础多选

设置 multiple 属性即可启用多选, 此时 v-model 的值为当前选中值所组成的数组。

筛选选项

filterable 属性即可启用筛选功能 filter-method 自定义筛选方法, 接收 两个参数 输入框值inputValue 和 选项值optionItem

可清空

设置 clearable 属性

创建新的选项

设置 addible 属性 ,

要想 addible 生效 必须设置 filterabletrue

按 Enter(回车)键或者手动选择 即可创建新选项

大量数据

select 使用了虚拟滚动技术,支持 大量数据

多选数量限制

设置multipleLimit 最多选择项

显示标签数量

设置 maxTagCount 属性

显示 options 数量

设置 maxOptionCount 属性

多选标签类型

设置 tagType 属性

placeholder

设置 placeholder 属性,在没有选择任何值时展示

空数据插槽

filterabletrue , 过滤数据没有匹配到时显示的内容

自定义选项渲染

renderLabel 接收一个函数需要返回vnode

尺寸