使用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 } ] ]
结果:
阅读全文
1 0
- 使用vue中的v-for遍历二维数组
- vue v-for数组倒序
- vue中v-for的使用,离不开的数组
- vue的v-for使用
- Vue指令v-for之遍历输出JavaScript数组,json对象的几种方式
- Vue.js中的列表渲染:v-for
- Vue中的v-for指令不起效果
- 理解 Vue.js中的v-for功能
- PHP中的二维数组遍历
- vue中使用v-for,出现告警!
- 使用指针遍历二维数组
- (三)Vue.js v-for循环遍历 20170818
- vue 中,v-for和v-if同时使用
- 二维数组中的for循环
- for循环2-循环遍历二维数组
- 基础for循环嵌套遍历二维数组
- go for range 遍历二维数组
- vue v-for v-if
- Mob第三方短信注册
- 数据库初探
- Python3学习之字符编码问题解决办法详解
- 正则表达式匹配
- 拇指吧手游MixSDK接入说明-Android
- 使用vue中的v-for遍历二维数组
- 我的第一次配置springMVC事务
- DevOpsDays大会,818坐标上海,我们来啦!!!
- Evensgn 剪树枝 树规
- Java学习笔记—理解i++和++i
- JavaScript Array 对象与排序
- 141 linked list cycle
- recycle view item项添加监听
- 背包问题