入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

使用vue中的v-for遍历二维数组

创建时间:2017-08-10 投稿人: 浏览次数:6432
<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
        }
      ]
    ]

结果:
这里写图片描述

声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。