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 = false 时 values = [{id: 12345, fullName: 'zqd(张全蛋)'} ...]
2. option.onlyEName = true 时 values = ['waynegong', 'aachen']

使用自定义数据

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

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