使用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
}
]
]
结果:
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: Javascript:自增自减笔记
- 下一篇: vue嵌套路由-query传递参数(三)