member-select

1.0.22 • Public • Published

Member select

多选输入下拉框

使用

$ tnpm install member-select
import MemberSelect from 'member-select'
Vue.use(MemberSelect)
<member-select v-model="values"/>

Option

兼容 ElementUI 属性

兼容 <el-select/> 属性,通过 option 对象传入。

debounceTime

option.debounceTime = 200

去抖动延时,输入框输入内容时过滤选项内容的间隔,默认 200ms。

split

option.split = ';'

批量输入时的分隔符,默认 ';'

ename

option.ename = fullName => fullName.replace(/\([\S]+\)/, '')

英文名格式化方法,使用自定义数据时当传入 fullName 属性格式不为 xx(名字) 时需要传入格式化函数,并返回英文名。

avatar

自定义头像地址,默认:option.avatar = member => 'http://dcloud.oa.com/Public/Avatar/' + member.ename + '.png'

optionLen

option.optionLen = 10 下拉框选项长度,默认 10

onlyEName

默认 option.onlyEName = false

自定义数据

不使用自定义数据

不使用自定义数据仅需要绑定 v-model = “values” , values 要求如下:

  1. option.onlyEName = falsevalues = [{id: 12345, fullName: 'zqd(张全蛋)'} ...]
  2. option.onlyEName = truevalues = ['waynegong', 'aachen']

使用自定义数据

使用自定义数据需要绑定 :list = "memberList" 要求如下:

  1. memberList 格式如下:
    • option.onlyEName = falsememberList = [{id: 12345, fullName: 'zqd(张全蛋)'} ...]
    • option.onlyEName = truememberList = ['waynegong', 'aachen']
  2. 设置 option.isLocalData = true

Readme

Keywords

none

Package Sidebar

Install

npm i member-select

Weekly Downloads

0

Version

1.0.22

License

MIT

Unpacked Size

13.7 kB

Total Files

4

Last publish

Collaborators

  • zowiegong