vue.js怎么遍历二维数组

vue.js遍历二维数组的方法：【<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id='downloaddata'><tr v-for='(ite…】。

本文操作环境：windows10系统、vue.js 2.9、thinkpad t480电脑。

在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     }    ]   ]

结果：

推荐学习：php培训