vue.js怎樣遍歷二維數組

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

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