VangleSelect 选择器
当选项过多时，使用下拉菜单展示并选择内容。
基础用法
有禁用选项
禁用状态
禁用整个选择器组件
可清空单选
您可以使用清除图标来清除选择。
自定义模板
你可以自定义如何来渲染每一个选项。
筛选选项
可以利用筛选功能快速查找选项。
Select 属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| model-value / v-model | 选中项绑定值 | array / string / number / boolean / object | — | — |
| disabled | 是否禁用 | boolean | true / false | false |
| clearable | 是否可以清空选项 | boolean | true / false | false |
| placeholder | 占位文字 | string | — | Select |
| filterable | Select 组件是否可筛选 | boolean | true / false | false |
Select 事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 选中值发生变化时触发 | val，目前的选中值 |
Select 插槽
| 插槽名 | 说明 | 子标签 |
|---|---|---|
| — | Option 组件列表 | Option |
Option 属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value | 选项的值 | string / number / boolean / object | — | — |
| label | 选项的标签，若不设置则默认与value相同 | string/number | — | — |
| disabled | 是否禁用该选项 | boolean | — | false |
Option 插槽
| 插槽名 | 说明 |
|---|---|
| — | 默认插槽 |