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

如下所示:

海南州網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,海南州網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為海南州上1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請找那個(gè)售后服務(wù)好的海南州做網(wǎng)站的公司定做!

<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: '負(fù)債和所有者權(quán)益(或股東權(quán)益)',
     start: '期末余額',
     end: '期初余額'
    }
   ],
   [
    {
     type: '',
     name: '資產(chǎn)',
     start: 125000,
     end: 12534567
    },
    {
     type: '',
     name: '負(fù)債',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '資產(chǎn)',
     name: '貨幣資金',
     start: 125000,
     end: 12534567
    },
    {
     type: '負(fù)債',
     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: '實(shí)收資本(或股本)',
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: '資產(chǎn)',
     name: '資產(chǎn)總計(jì)',
     start: 111,
     end: 11
    },
    {
     type: '所有者權(quán)益(或股東權(quán)益',
     name: '資本公積',
     start: 125000,
     end: 12534567
    }
   ]
  ]

結(jié)果:

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

以上這篇使用vue中的v-for遍歷二維數(shù)組的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。

分享標(biāo)題:使用vue中的v-for遍歷二維數(shù)組的方法
當(dāng)前路徑:http://www.muchs.cn/article36/pgdipg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、全網(wǎng)營銷推廣品牌網(wǎng)站建設(shè)、網(wǎng)站營銷、定制開發(fā)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)