重要：：：：：往数组里push{a:““,b:““,}

最新推荐文章于 2024-07-14 09:37:06 发布

置顶 olive_aa

最新推荐文章于 2024-07-14 09:37:06 发布

阅读量329

点赞数 11

文章标签： css3 前端 javascript

本文链接：https://blog.csdn.net/qq_29985617/article/details/130137102

版权

// An highlighted block
  <tr class="cms-table_tr" v-for="(item,i) of tableInfo" :key="`${i}_`">
  	 <td class="cms-table_td">{{item.label1}}</td>
     <td class="cms-table_td">{{item.value1}}</td>
     <td class="cms-table_td">{{item.label2}}</td>
     <td class="cms-table_td">{{item.value2}}</td>
     <td class="cms-table_td">{{item.label3}}</td>
     <td class="cms-table_td">{{item.value3}}</td>
   </tr>

	data() {
	  return {
	     tableInfo:[]
	   }
	 },
	  

  created() {
    this.getTableInfo()
  },

methods(){

   getTableInfo(){
   // 数据结构  bookObj:{ a:"" , b: "",tFdcrPymtInfos:[] }
      const { bookObj : data } = this
      //  等同于const data = this.bookObj

       if(data.tFdcrPymtInfos){

        this.tableInfo.push(
          {label1:'序号',value1:'收款人名称',label2:'收款人账号',value2:'委托支付金额',label3:'收款行行名全称',value3:'收款行行号'},
        )

            data.tFdcrPymtInfos.forEach((item,i)=>{
            this.tableInfo.push(
              {label1:`${i+1}`,value1:`tFdcrPymtInfos_payeeName_${i+1}`,label2:`tFdcrPymtInfos_payeeAcct_${i+1}`,value2:`tFdcrPymtInfos_fdcrPymtAmt_${i+1}`,label3:`tFdcrPymtInfos_payeeOpenBankName_${i+1}`,value3:`tFdcrPymtInfos_payeeOpenBankNum_${i+1}`},
            )
          }) 
          
       }

       this.tableInfo.push(
            {label1:'客户经理：',value1:data.hadlUserName,label2:'部门主管：',value2:'',label3:'日期：',value3:data.nowDate1},
        )  

    },
    
}