跳到主要内容

组织机构选择器

.组织机构选择器​

  • 实现代码
<u-input v-model="userName" type="input" @click="goChooseUser" ></u-input>
<choose-user 
ref="userPop" 
:showPop="showPop" 
@cancle="()=>{showPop = false}" 
@change="changeUser">
    </choose-user>

import chooseUser from '@/components/custom/chooseUser.vue'
components: {chooseUser}

goChooseUser(){
    let items =this.isChoose.length>0?JSON.stringify(this.isChoose):JSON.stringify(this.query)
        this.$refs.userPop.onRefresh({type:1,item: items})
        this.showPop=true
},
changeUser(list,type){
       //操作
    this.showPop = false
}

  • 属性方法

    属性/方法说明
    showPop是否显示
    @cancle关闭回调
    @change确定回调，带参list:[],type:类型
    typetype: 1 多选 type: 2 多选 （点击父级同时选择该父级所有下级数据）type: 3 单选