1.0.1 • Published 10 years ago
el-select v1.0.1
el-select
A el-select component for Vue.js.
dependencies
- vue-clickoutside
Demo
http://element-component.github.io/el-select
Installation
npm i el-select -DUsage
import vue from 'Vue'
// require vue-clickoutside
import VueClickoutside from 'vue-clickoutside'
Vue.use(VueClickoutside)
// import component
import Component from 'el-select'
import 'element-theme-default/dist/select.css'
Vue.use(Component)or
import {
ElSelect,
ElOption,
ElOptionGroup
} from 'el-select'
Vue.component('el-select', ElSelect)
Vue.component('el-option', ElOption)
Vue.component('el-option-group', ElOptionGroup)API
el-elect
| 参数 | 说明 | 类型 | 可选值 | 默认值 | |
|---|---|---|---|---|---|
| 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 |
el-option
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| label | 显示值，可选 | string | ||
| value | 真实值 | string | ||
| remark | 额外信息，将显示在右边 | string | ||
| disabled | 禁用 | boolean | true, false | false |
el-option-group
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| hide-title | 隐藏标题 | boolean | true, false | false |
| hide-list | 隐藏列表 | boolean | true, false | false |
| title | 真实值 | 分组标题 |
Development
make dev
## test
make test
## build
make build