vue.js怎樣遍歷二維數(shù)組

vue.js怎樣遍歷二維數(shù)組，針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

vue.js遍歷二維數(shù)組的方法：【<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id='downloaddata'><tr v-for='(ite...】。

本文操作環(huán)境：windows10系統(tǒng)、vue.js 2.9、thinkpad t480電腦。

在vue中我們可以使用v-for遍歷二維數(shù)組，具體實現(xiàn)代碼如下所示：

<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數(shù)據(jù)為：

this.data = [
   [
    {
     type: '',
     name: '資產(chǎn)',
     start: '期末余額',
     end: '期初余額'
    },
    {
     type: '',
     name: '負債和所有者權(quán)益(或股東權(quán)益）',
     start: '期末余額',
     end: '期初余額'
    }
   ],
   [
    {
     type: '',
     name: '資產(chǎn)',
     start: 125000,
     end: 12534567
    },
    {
     type: '',
     name: '負債',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '資產(chǎn)',
     name: '貨幣資金',
     start: 125000,
     end: 12534567
    },
    {
     type: '負債',
     name: '應(yīng)付短期融資款',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '資產(chǎn)',
     name: '其中：客戶存款',
     start: 125000,
     end: 12534567
    },
    {
     type: '',
     name: '所有者權(quán)益（或股東權(quán)益)',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '資產(chǎn)',
     name: '',
     start: '',
     end: ''
    },
    {
     type: '所有者權(quán)益（或股東權(quán)益',
     name: '實收資本（或股本）',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '資產(chǎn)',
     name: '資產(chǎn)總計',
     start: 111,
     end: 11
    },
    {
     type: '所有者權(quán)益（或股東權(quán)益',
     name: '資本公積',
     start: 125000,
     end: 12534567
    }
   ]
  ]

關(guān)于vue.js怎樣遍歷二維數(shù)組問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。