脚本宝典收集整理的这篇文章主要介绍了vue.js怎么遍历二维数组,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
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怎么遍历二维数组的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的vue.js怎么遍历二维数组全部内容,希望文章能够帮你解决vue.js怎么遍历二维数组所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。