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
要求如下:
-
option.onlyEName = false
时values = [{id: 12345, fullName: 'zqd(张全蛋)'} ...]
-
option.onlyEName = true
时values = ['waynegong', 'aachen']
使用自定义数据
使用自定义数据需要绑定 :list = "memberList"
要求如下:
-
memberList
格式如下:-
option.onlyEName = false
时memberList = [{id: 12345, fullName: 'zqd(张全蛋)'} ...]
-
option.onlyEName = true
时memberList = ['waynegong', 'aachen']
-
- 设置
option.isLocalData = true