vue中的v-for遍历二维数组 使用vue中的v-for遍历二维数组的方法
青丘耳畔 人气:2想了解使用vue中的v-for遍历二维数组的方法的相关内容吗，青丘耳畔在本文为您仔细讲解vue中的v-for遍历二维数组的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：vue,遍历二维数组，下面大家一起来学习吧。
如下所示：
<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
}
]
]
结果：
以上这篇使用vue中的v-for遍历二维数组的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
加载全部内容