这次给大家带来怎么使用vue的v-for来进行遍历二维数组,使用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
}
]
]结果:

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上就是怎么使用vue的v-for来进行遍历二维数组的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号