父组件中
<div @click="selectoppendix" >
<img :src="oppenPeopleHead ? headok : addpople ">
</div>
//子组件
<SelectPeople ref="selectPeople" v-if="selectHanlder" @ok="getChild" @close="selectHanlder=false" ></SelectPeople>
<script>
import SelectPeople from "../../Selectpeople/SelectPeople.vue";
import { selectPeople } from "_config/url";
export default{
components: {SelectPeople},
methods:{
//从子组件获取到的数据
getChild(data){
console.log(data)
this.handler= data.account;
this.handlerName=data.userName;
this.oppenPeopleHead=data.headHave;
this.peopleHeadOk=data.deleHead;
},
//选择处理人按钮--传给子组件
selectoppendix(){
this.selectHanlder=true;
this.$post(selectPeople,{type:10011}).then((res)=>{
if(res.data.status=1){
this.$refs.selectPeople.oppenPeople = res.data.msg;
//this.$refs.组件名字.传给子组件的=res.data.msg
}
})
},
}
}
</script>
子组件
<el-form >
<div v-for="(item,index) in oppenPeople" :key="index" >
<el-form-item >
<div @click="hanlderRow(item)";">
<el-radio v-model="radio" :label="index" >{{""}}</el-radio>
<img src="@/assets/head.png">
<div>{{item.user_name}}/{{item.user_account}}</div>
</div>
</el-form-item>
</div>
<el-button type="primary" @click="SuerSelectPeople">确 定</el-button>
</el-form>
export default{
data(){
return{
oppenPeople:[],//复录人返回的数组
}
},
methods:{
//确定复录人
SuerSelectPeople(){
this.handler= this.firstHanlder;
this.handlerName=this.firstName;
this.oppendixdialogVisible=false;
this.oppenPeopleHead=true;
this.peopleHeadOk=true;
this.$emit("close");
this.$emit("ok",{account:this.handler,userName:this.handlerName,headHave:this.oppenPeopleHead,deleHead:this.peopleHeadOk});
},
}
}