使⽤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
}
],
vue逗号分割的字符串转数组[
{
type: '资产',
name: '资产总计',
start: 111,
end: 11
},
{
type: '所有者权益(或股东权益',
name: '资本公积',
start: 125000,
end: 12534567
}
]
]
结果:
以上这篇使⽤vue中的v-for遍历⼆维数组的⽅法就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论