LZYTJX 2024-01-16 22:06 采纳率: 66.7%
浏览 3

vue组件传值,不显示到

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内,请各位指导一下,怎么改才能显示

  • 写回答

2条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2024-01-17 08:30
    关注

    【以下回答由 GPT 生成】

    抱歉,我可能误导了您。实际上,这是一个单纯的问题,没有提到任何具体的 Vue 组件代码。我无法提供更多细节。非常抱歉给您带来困惑。



    【相关推荐】



    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

问题事件

  • 创建了问题 1月16日

悬赏问题

  • ¥15 求一份STM32F10X的I2S外设库
  • ¥15 android 打包报错
  • ¥15 关于stm32的问题
  • ¥15 ncode振动疲劳分析中,noisefloor如何影响PSD函数?
  • ¥50 寻找fpga的benchmark
  • ¥50 如何在arduino上,实现用4×4矩阵键盘按键控制2004显示屏输出图中显示功能的代码?
  • ¥15 P1口接8个发光二极管,利用定时计数器1编写程序
  • ¥20 keil5编译找不到.h文件该如何解决
  • ¥15 安卓EVS如何开启服务正常实现功能
  • ¥15 canal读取mysql时报错