最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

怎么使用vue的v-for来进行遍历二维数组

来源:动视网 责编:小采 时间:2020-11-27 19:58:05
文档

怎么使用vue的v-for来进行遍历二维数组

怎么使用vue的v-for来进行遍历二维数组:这次给大家带来怎么使用vue的v-for来进行遍历二维数组,使用v-for进行遍历二维数组的注意事项有哪些,下面就是实战案例,一起来看一下。如下所示:<table cellpadding="0" cellspacing="0" class="
推荐度:
导读怎么使用vue的v-for来进行遍历二维数组:这次给大家带来怎么使用vue的v-for来进行遍历二维数组,使用v-for进行遍历二维数组的注意事项有哪些,下面就是实战案例,一起来看一下。如下所示:<table cellpadding="0" cellspacing="0" class="
 这次给大家带来怎么使用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
 }
 ]
 ]

结果:

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

如何修改vue请求数据中的值

JQuery如何选中select组件内指定的值

文档

怎么使用vue的v-for来进行遍历二维数组

怎么使用vue的v-for来进行遍历二维数组:这次给大家带来怎么使用vue的v-for来进行遍历二维数组,使用v-for进行遍历二维数组的注意事项有哪些,下面就是实战案例,一起来看一下。如下所示:<table cellpadding="0" cellspacing="0" class="
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top