UNPKG

xlb-main-login

Version:

``` yarn install ```

48 lines (38 loc) 1.78 kB
标签卡+选人弹框 引入组件 import memberGroup from 'xxxxxxxx/member/memberGroup.vue' 注册 memberGroup <member-group @memberList="addmember" staffType ref="memberGroup"></member-group> 传入初始数据 // 使用此方式 是避免双向绑定后 导致原始数据发生改变 无法判断原始数据于已选择数据的交集 this.$refs.memberGroup.setData(list) // list初始数据列表 添加的时候要置空setData([]) 不然页面缓存会显示之前的 返回数据示例 @memberList 返回 Object ==> data {drList:'带dr参数的数组 包括了删除的数据',list:'当前选中的数组不带dr'} data:{ drList:[{dr:1,id:'adasdasd',name:'aaa'}], list:[{name:'aaa'}] } addmember(data) { console.log(data) } staffType==true 接口type==1 staffType==false 接口无type 搜索框展示形式+选人弹框 import memberSelect from 'xxxxxxxx/member/memberSelect' 注册 memberSelect <member-select placeholder="请选择成员" ref="memberSelect" @search="searchMember"></member-select> 方法 @search 内容发生改变或点击搜索图标时触发 返回 {idList:已选中的成员id数组,idString:已选中的成员id字符串} api placeholder 组件占位符 组件无内容时显示占位符 默认值‘请选择成员’ 重置搜索框数据 无参数 this.$refs.memberSelect.refresh() 选人弹框 import memberSelection from 'xxxxxxxx/member/memberSelection.vue' 注册 memberSelection <member-selection ref="memberSelection" @ok="okBtn" :staffTemp="memberslist"></member-selection> 打开弹框 无参数 this.$refs.memberSelection.selectionShow() memberslist 初始数据 == 回显数据 @okBtn 返回 已选数组 list ==> [{name:'aaa'}] okBtn(data) { this.memberslist = data }