iview table渲染问题
想做成的样子
数据源：
tableData:[ {
"creator": "SU9999",
"lastModifiedTime": "2021-12-21 10:28:15",
"refundTime": "2021-12-21T10:28:15.836+08:00[Asia/Shanghai]",
"lastModifier": "SU9999",
"pageSize": 0,
"refundStatus": "0",
"refundMoney": 527700,
"pageCur": 0,
"refundItemsList": [
{
"amount": 78700,
"deliverdQuantity": 0,
"quantity": 100,
"measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
"parentId": "202112211028158536193",
"productName": "袋装水泥",
"skuName": "P.O32.5R",
"productCode": "7020201",
"price": 787,
"id": "202112211028158541516",
"skuCode": "702020100026",
"refundAmount": 78700
},
{
"amount": 449000,
"deliverdQuantity": 0,
"quantity": 500,
"measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
"parentId": "202112211028158536193",
"productName": "袋装水泥",
"skuName": "P.P32.5R",
"productCode": "7020201",
"price": 898,
"id": "202112211028158994237",
"skuCode": "702020400032",
"refundAmount": 449000
}
],
"pageNum": 0,
"customerName": "2222",
"arriveTime": "2021-12-21T10:28:15.836+08:00[Asia/Shanghai]",
"createdTime": "2021-12-21 10:28:15",
"orderCode": "O202111120059179363246",
"id": "202112211028158536193",
"customer": "53b221e2-0c7d-486d-845f-a95100f8f13b"
},
{
"creator": "SU9999",
"lastModifiedTime": "2021-12-21 10:25:51",
"refundTime": "2021-12-21T10:25:51.654+08:00[Asia/Shanghai]",
"lastModifier": "SU9999",
"pageSize": 0,
"refundStatus": "0",
"refundMoney": 1392,
"pageCur": 0,
"refundItemsList": [
{
"amount": 631,
"deliverdQuantity": 0,
"quantity": 1,
"measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
"parentId": "202112211025518503935",
"productName": "袋装水泥42.5",
"skuName": "P.Ⅱ42.5",
"productCode": "7020205",
"price": 631,
"id": "202112211025518602878",
"skuCode": "702020510012",
"refundAmount": 631
},
{
"amount": 761,
"deliverdQuantity": 0,
"quantity": 1,
"measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
"parentId": "202112211025518503935",
"productName": "袋装水泥42.5",
"skuName": "P.O42.5",
"productCode": "7020205",
"price": 761,
"id": "202112211025518639178",
"skuCode": "702020510010",
"refundAmount": 761
}
],
"pageNum": 0,
"customerName": "22222",
"arriveTime": "2021-12-21T10:25:51.654+08:00[Asia/Shanghai]",
"createdTime": "2021-12-21 10:25:51",
"orderCode": "O202111120336190886422",
"id": "202112211025518503935",
"customer": "53b221e2-0c7d-486d-845f-a95100f8f13b"
},
{
"creator": "SU9999",
"lastModifiedTime": "2021-12-15 14:34:01",
"refundTime": "2021-12-15T14:34:01.304+08:00[Asia/Shanghai]",
"lastModifier": "SU9999",
"pageSize": 0,
"refundStatus": "0",
"refundMoney": 1395,
"pageCur": 0,
"refundItemsList": [
{
"amount": 1395,
"deliverdQuantity": 0,
"quantity": 3,
"measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
"parentId": "202112151434014777122",
"productName": "普通硅酸盐水泥",
"skuName": "P.O32.5R",
"productCode": "pro001",
"price": 465,
"id": "202112151434014792272",
"skuCode": "P.O32.5R",
"refundAmount": 1395
}
],
"pageNum": 0,
"customerName": "山东信诺商贸有限公司",
"arriveTime": "2021-12-15T14:34:01.304+08:00[Asia/Shanghai]",
"createdTime": "2021-12-15 14:34:01",
"orderCode": "O202111100740362898427",
"id": "202112151434014777122",
"customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8"
},
{
"creator": "SU9999",
"lastModifiedTime": "2021-12-15 14:30:55",
"refundTime": "2021-12-15T14:30:08.763+08:00[Asia/Shanghai]",
"lastModifier": "SU9999",
"pageSize": 0,
"refundStatus": "2",
"refundMoney": 647352,
"pageCur": 0,
"refundItemsList": [
{
"amount": 648000,
"deliverdQuantity": 1,
"quantity": 1000,
"undeliverdAmount": 647352,
"measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
"parentId": "202112151430088963588",
"productName": "袋装水泥32.5",
"skuName": "P.O32.5R",
"productCode": "7020201",
"deliverdAmount": 648,
"price": 648,
"id": "202112151430088972992",
"skuCode": "702020100026",
"refundAmount": 648000
}
],
"pageNum": 0,
"customerName": "山东信诺商贸有限公司",
"arriveTime": "2021-12-15T14:30:08.763+08:00[Asia/Shanghai]",
"createdTime": "2021-12-15 14:30:08",
"orderCode": "O202111120334041045559",
"id": "202112151430088963588",
"customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8"
},
{
"creator": "SU9999",
"lastModifiedTime": "2021-12-15 14:30:53",
"refundTime": "2021-12-15T14:27:28.202+08:00[Asia/Shanghai]",
"lastModifier": "SU9999",
"pageSize": 0,
"refundStatus": "1",
"refundMoney": 832,
"pageCur": 0,
"refundItemsList": [
{
"amount": 832,
"deliverdQuantity": 0,
"quantity": 1,
"measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
"parentId": "202112151427282572983",
"productName": "袋装水泥32.5",
"skuName": "P.O32.5R",
"productCode": "7020201",
"price": 832,
"id": "202112151427282594935",
"skuCode": "702020100026",
"refundAmount": 832
}
],
"pageNum": 0,
"customerName": "山东信诺商贸有限公司",
"arriveTime": "2021-12-15T14:27:28.202+08:00[Asia/Shanghai]",
"createdTime": "2021-12-15 14:27:28",
"orderCode": "O202111150112514592844",
"id": "202112151427282572983",
"customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8"
}
],
这么写的话一列都是ordercode，应该怎么修改，感谢各位
回答：
生成多个表格
<template> <div v-for="item in data6">
<Table border :columns="columns12" :data="[item]">
<template slot-scope="{ row }" slot="name">
<strong>{{ row.name }}</strong>
</template>
<template slot-scope="{ row, index }" slot="action">
<Button type="primary" size="small" style="margin-right: 5px" @click="show(index)">View</Button>
<Button type="error" size="small" @click="remove(index)">Delete</Button>
</template>
</Table>
</div>
</template>
以上是 iview table渲染问题 的全部内容， 来源链接： utcz.com/p/936744.html
