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

来源:互联网 发布:linux 打包tar 编辑:程序博客网 时间:2024/05/29 19:46
<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        }      ]    ]

结果:
这里写图片描述