select-person组件传来的值,this.selectedPersonInfo打印出来的是一个对象
confirmPersonToAppr () {
this.$emit('confirmPersonToAppr', this.selectedPersonInfo)
console.log(this.selectedPersonInfo)
this.closeDialog()
},
<el-form-item prop="personName" class="is-hide my-custom-error-class" v-for="(item, index) in formData.personNameList" :key="index">
<span>审批人员1:</span>
<span @click="selectPersonVisible = true" class="bhv_log">
<el-input placeholder="请选择人员" v-model="item.personName" readonly class="person-select-input" style="width:249px;margin-left: 10px">
<template v-if="item.personName">
<i class="el-icon-error el-input__icon clear-icon" slot="suffix" @click.stop="clearPersonName"></i>
</template>
<el-button class="select-person-btn" slot="append">选择</el-button>
</el-input>
</span>
<el-alert v-if="item.personName && !item.telephone" type="warning" show-icon :closable="false" class="form-alert icon-alert">
<template slot="title">
该人员手机号未维护,请点击这里<span class="edit-person bhv_log" style="margin-left: 2px;" @click="editPersonDialogVisible = true">编辑人员信息</span>
</template>
</el-alert>
</el-form-item>
<select-person
:visible.sync="selectPersonVisible"
:selectedInfo="formData.personNameList"
@confirmPersonToAppr="confirmPersonToAppr" />
formData: {
personNameList:[{
personName:'',
userId:'',
telephone:''
}],
interactQaId: '',
reply: '',
comment: '',
// personName: '',
// userId: '',
// telephone: ''
},
confirmPersonToAppr (data) {
for (let i = 0; i < data.length; i++) {
const { personName, userId, telephone } = data[i]
this.formData.personNameList[i].personName = personName
this.formData.personNameList[i].userId = userId
this.formData.personNameList[i].telephone = telephone
}
}
目前打印出来data也是传过来的那个对象,但是值就是放不到input内,请各位指导一下,怎么改才能显示