使用vue中的v-for遍歷二維數組的方法

2019-11-19 14:13:14

字體：大中小

來源：轉載

供稿：網友

如下所示：

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

結果：