element-ui
Version:
A Component Library for Vue.js.
81 lines (62 loc) • 3.09 kB
Markdown
select component for Vue.js.
- vue-clickoutside
```shell
npm i el-select -D
```
```javascript
import vue from 'Vue'
// import component
import Component from 'el-select'
import 'el-select/lib/style.css'
Vue.use(Component)
```
or
```javascript
import {
ElSelect,
ElOption,
ElOptionGroup
} from 'el-select'
Vue.component('el-select', ElSelect)
Vue.component('el-option', ElOption)
Vue.component('el-option-group', ElOptionGroup)
```
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|--------------------|----------------------------------------------------------|-------------------|-------------|--------|
| model | 绑定值 | string, string[] | | |
| type | 显示类型, search 会带搜索框,multiple 允许多选 | string | normal, search, multiple | normal |
| placeholder | 输入框占位文本 | string | | |
| hint-placeholder | 获取焦点后显示的占位文本 | string | | |
| search-placeholder | 搜索框占位内容 | string | | |
| search-model | 搜索结果绑定值 | string | | |
| disabled | 禁用 | boolean | true, false | false |
| change | 选中值后的回调函数, 返回当前选中的值 | function | | ||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|--------------------|----------------------------------------------------------|-------------------|-------------|--------|
| label| 显示值,可选 | string| | |
| value| 真实值| string| | |
| remark| 额外信息,将显示在右边| string| | |
| disabled | 禁用| boolean | true, false | false |
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|--------------------|----------------------------------------------------------|-------------------|-------------|--------|
| hide-title | 隐藏标题| boolean |true, false |false|
| hide-list | 隐藏列表| boolean |true, false |false|
| title| 真实值| 分组标题| | |
```shell
make dev
make test
make build
```
[ ](https://opensource.org/licenses/MIT)
> A el-