Appearance
Select 选择器
基础用法
v-model
绑定选项值,options
指定选项
disabled
select
的 disabled
和 option
的 disabled
基础多选
设置 multiple
属性即可启用多选, 此时 v-model
的值为当前选中值所组成的数组。
筛选选项
filterable
属性即可启用筛选功能 filter-method
自定义筛选方法, 接收 两个参数 输入框值inputValue
和 选项值optionItem
可清空
设置 clearable
属性
创建新的选项
设置 addible
属性 ,
要想 addible
生效 必须设置 filterable
为 true
按 Enter(回车)键或者手动选择 即可创建新选项
大量数据
select
使用了虚拟滚动技术,支持 大量数据
多选数量限制
设置multipleLimit
最多选择项
显示标签数量
设置 maxTagCount
属性
显示 options 数量
设置 maxOptionCount
属性
多选标签类型
设置 tagType
属性
placeholder
设置 placeholder
属性,在没有选择任何值时展示
空数据插槽
当 filterable
为 true
, 过滤数据没有匹配到时显示的内容
自定义选项渲染
renderLabel
接收一个函数需要返回vnode