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 -D

Usage

  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

License

MIT