使用vue中的v-for遍历二维数组
<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id="downloaddata">
<tr v-for="(item, index) in data">
<template v-for="items in item">
<template v-for="(itemss, indexs) in items" v-if="indexs !== "type"">
<td>{{itemss}}</td>
</template>
</template>
</tr>
其中,data数据为:
this.data = [
[
{
type: "",
name: "资产",
start: "期末余额",
end: "期初余额"
},
{
type: "",
name: "负债和所有者权益(或股东权益)",
start: "期末余额",
end: "期初余额"
}
],
[
{
type: "",
name: "资产",
start: 125000,
end: 12534567
},
{
type: "",
name: "负债",
start: 125000,
end: 12534567
}
],
[
{
type: "资产",
name: "货币资金",
start: 125000,
end: 12534567
},
{
type: "负债",
name: "应付短期融资款",
start: 125000,
end: 12534567
}
],
[
{
type: "资产",
name: "其中:客户存款",
start: 125000,
end: 12534567
},
{
type: "",
name: "所有者权益(或股东权益)",
start: 125000,
end: 12534567
}
],
[
{
type: "资产",
name: "",
start: "",
end: ""
},
{
type: "所有者权益(或股东权益",
name: "实收资本(或股本)",
start: 125000,
end: 12534567
}
],
[
{
type: "资产",
name: "资产总计",
start: 111,
end: 11
},
{
type: "所有者权益(或股东权益",
name: "资本公积",
start: 125000,
end: 12534567
}
]
]
结果:
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
- 上一篇:没有了
- 下一篇: 在vue项目中使用element-ui的Upload上传组件