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

结果:
这里写图片描述

发布了7 篇原创文章 · 获赞 9 · 访问量 8万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览