vue.js遍历二维数组的方法:【<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id='downloaddata'><tr v-for='(ite...】。

本文操作环境:windows10系统、vue.js 2.9、thinkpad t480电脑。
在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
}
]
]结果:
立即学习“前端免费学习笔记(深入)”;

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