Panda UI

Appearance

Select 下拉选择 ​

基础 ​

类型 ​

outlined （默认）

lined

filled

禁用 ​

禁用项 ​

多选 ​

已选项样式：plain

可清空 ​

单选

多选

可筛选 ​

按照 Option 的 value 或者 label 进行关键字匹配搜索

单选

多选

单选

多选

单选

多选

分组 ​

自定义模板 ​

前缀 ​

单选

多选

单选

多选

单选

多选

大小 ​

单选


small

normal

large

多选


small

normal

large

Select Props ​

参数介绍类型可选值默认值
value通过 v-model 绑定选中值String, Number, Array——
style-type样式类型Stringoutlined, lined, filledoutlined
disabled是否禁用Boolean—false
multiple是否多选Boolean—false
size尺寸Stringsmall, large—
clearable是否可清空Boolean—false
placeholder占位符String——
filterable是否可筛选Boolean—false
max-height最大下拉高度Number—500
name原生 input nameString——
autocompleteselect input 的 autocomplete 属性String—off
selection-style多选模式下，已选项的样式Stringtag, plaintag
placement弹出位置Stringtop, bottombottom
hide-view-all隐藏显示全部按钮Boolean—false

Select Events ​

参数介绍回调参数
change选中值发生变化时触发(value) 选中值
clear清空选中时触发—

Select Slots ​

参数介绍类型可选值默认值
default默认Slot—-
prefix前缀Slot—-

Select API ​

方法介绍参数说明
open()打开下拉面板-
close()关闭下拉面板-

OptionGroup Props ​

参数介绍类型可选值默认值
label组显示标签String——
disabled是否禁用该组所有选项Boolean—false

Option Props ​

参数介绍类型可选值默认值
value可选项的值String, Number——
label可选项的标签String——
disabled是否禁用Boolean—false