Select 选择器
概述
使用模拟的增强下拉选择器来代替浏览器原生的选择器。
代码示例
API
Select Props
属性 | 说明 | 类型 | 默认值 |
value | 输入的值, 可以使用v-model实现数据的双向绑定 | Number, String, File | '' |
placeholder | 提示语 | String | '' |
disabled | 是否禁止输入 | Boolean | false |
readonly | 是否只读 | Boolean | false |
clearable | 是否显示清空按钮 | Boolean | false |
filterable | 是否可筛选 | Boolean | false |
multiple | 是否多选 | Boolean | false |
multipleLimit | 仅多选时使用,限制选择数,默认值0不限制选择个数 | Number | 0 |
options | 配置选项的数据 | Array | null |
optionsValueName | 指定选项对象的那个字段为值 | String | 'value' |
optionsTextName | 指定选项对象的那个字段为text | String | 'text' |
Select Events
事件名 | 说明 | 返回值 |
on-search | 当设置filterable为true,输入过滤条件时触发。连续输入不触发,自带200毫秒的debounce | (value, event) => void |
on-change | 值改变时触发 | (value, event) => void |
Option Props
属性 | 说明 | 类型 | 默认值 |
value | 选项的值 | Number, String | '' |
label | 选项的内容 | String | '' |
disabled | 是否禁止选中 | Boolean | false |