vue通过某个字段获取详细信息

这篇博客介绍如何在Vue应用中,当用户在列表中点击姓名时,展示对应的详细联系信息。在新增列表项后,用户输入买方信息,列表仅显示买方的基本信息,允许添加多条记录。通过监听表格内的点击事件来触发详细信息的显示。
摘要由CSDN通过智能技术生成

新增列表后通过name获取用户输入的详细信息

用户输入买方信息后弹出联系信息输入,确定后列表只显示买方信息,并可添加多条,要求通过点击name时能显示具体的联系信息

//输入信息后点击下一步弹出联系人信息模板
nextStep(){
                         this.businessBuyer.company=this.receivableAccountsDetailDtos.businessBuyerName
              this.modal1=true
      },
//输入联系信息后点击确定,将最开始输入的信息和模板信息分别保存在一个新数组里,保存成功后清空之前填入的信息
      confirmAdd(name){
        this.$refs[name].validate((valid) => {
          if (valid) {
           var money = Number(this.receivableAccountsDetailDtos.receivableAmount)
            this.financingMoney +=money
            seqNumlength +=1
            this.receivableAccountsDetailDtos.seqNum=seqNumlength
            this.ReceivableAccountsDetailDtos.push(this.receivableAccountsDetailDtos)
            this.BusinessBuyer.push(this.businessBuyer)
            this.modal1=false
            this.receivableAccountsDetailDtos={
             
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值