前后端交互-怎么在前端显示级联的数据

本文探讨了在前端开发中如何使用Vue.js进行数据绑定和循环遍历数组对象。通过示例代码展示了如何在模板中用v-for指令遍历data数组内的addressList对象,并获取特定属性如'addressreceiver'的值。同时,提到了当前端展示异常时,可能存在的样式问题,并建议检查样式设置。
摘要由CSDN通过智能技术生成

首先先看看后台打印的结果

在这里插入图片描述

再看前端的接收

在这里插入图片描述
在这里插入图片描述

为什么要这样写啊?因为addressList是在data数组里面的对象,所以想要取得数组里面的对象就得根据下标可以的到。因为我要循环得出所有数据,所以就两层循环了。如果你想得到某条数据,就根据下标来取吧!

代码如下

 <div v-for="address in tableList">
  <div>联系人:<input type="text" v-model="address.addressList[0].addressreceiver"></div>
</div>

注意:如果你的是这样写的,但是前端就是出不来。可以看看是不是你的样式出现问题了,把样式啥的删除,看看能不能出来。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值