## 基本用法 ```html ``` ## 禁用状态 ```html ``` ## 有禁用选项 ```html ``` ## 可清空单选 ```html ``` ## 指定初始被选项 要指定 `select` 的初始被选项有两种方法。可以通过指定 `el-option` 的 `selected` 属性: ```html ``` 或者通过为绑定到 `value` 的变量赋予初始值: ```html ``` ## 自定义模板 {{ item.label }} {{ item.value }} ```html ``` ## 多选 ```html ``` ## 自定义宽度 ```html ``` ## 分组 ```html ``` ## 选项较多时的交互 ```html ``` ## 可搜索 ```html ``` ## 服务端搜索 ```html ``` ## API ### el-select | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | value | select 目前选中的值 | string/number/array | | | | multiple | 是否多选 | boolean | | false | | disabled | 是否禁用 | boolean | | false | | clearable | 单选时是否可以清空选项 | boolean | | false | | width | select 的宽度 | number | | 180（单选）/220（多选） | | dropdown-width | 下拉菜单的宽度，不设置则与输入框同宽 | number | | | | name | select input 的 name 属性 | string | | | | placeholder | 占位符 | string | | '请选择' | | filterable | 是否可搜索 | boolean | | false | | filter-method | 自定义过滤方法 | function | | | | remote | 是否为远程搜索 | boolean | | false | | remote-method | 远程搜索方法，当搜索关键字变化时会调用该方法，参数为目前的搜索关键字 | function | | | | loading | 是否正在从远程获取数据 | boolean | | false | ### el-select 事件 | 事件名称 | 说明 | 回调参数 | |---------|---------|---------| | change | value 发生变化| `value` | ### el-option-group | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | label | 分组的标签 | string | | | | disabled | 是否将该分组下所有选项置为禁用 | boolean | | false | ### el-option | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | value | 选项的值 | string/number | | | | label | 选项的标签，若不设置则默认与 `value` 相同 | string/number | | | | disabled | 是否禁用该选项 | boolean | | false | | selected | 选项是否被初始选中 | boolean | | false |