element/packages/select
2016-10-20 18:44:09 +08:00
..
src Select: add resize event 2016-10-20 18:44:09 +08:00
_index.js Add istanbul ignore (#521) 2016-10-19 22:48:35 +08:00
cooking.conf.js Support publish component packages 2016-10-17 12:14:10 +08:00
index.js Add istanbul ignore (#521) 2016-10-19 22:48:35 +08:00
package.json Clear dependencies 2016-10-13 11:12:24 +08:00
README.md Initial commit 2016-07-27 14:15:02 +08:00

el-select

A el-select component for Vue.js.

dependencies

  • vue-clickoutside

Installation

npm i el-select -D

Usage

  import vue from 'Vue'

  // import component
  import Component from 'el-select'
  import ''el-select/lib/style.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