使用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
 }
 ]
 ]

结果：

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

基于Axios 常用的请求方法别名(详解)

Bootstrap 中data-[*] 属性的整理

vue2.0 根据状态值进行样式的改变展示方法