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培訓