社区
学习
工具库
AI工具
休闲
搜索
简体中文
首页 > web前端 > Vue.js > vue.js怎么遍历二维数组

vue.js怎么遍历二维数组

王林
发布： 2021-10-09 17:01:29
原创
4658 人浏览过

vue.js遍历二维数组的方法：【

<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id=&#39;downloaddata&#39;> <tr v-for=&#39;(item, index) in data&#39;> <template v-for=&#39;items in item&#39;> <template v-for=&#39;(itemss, indexs) in items&#39; v-if=&#39;indexs !== "type"&#39;> <td>{{itemss}}</td> </template> </template> </tr>
登录后复制

其中，data数据为：

this.data = [
   [
    {
     type: &#39;&#39;,
     name: &#39;资产&#39;,
     start: &#39;期末余额&#39;,
     end: &#39;期初余额&#39;
    },
    {
     type: &#39;&#39;,
     name: &#39;负债和所有者权益(或股东权益）&#39;,
     start: &#39;期末余额&#39;,
     end: &#39;期初余额&#39;
    }
   ],
   [
    {
     type: &#39;&#39;,
     name: &#39;资产&#39;,
     start: 125000,
     end: 12534567
    },
    {
     type: &#39;&#39;,
     name: &#39;负债&#39;,
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: &#39;资产&#39;,
     name: &#39;货币资金&#39;,
     start: 125000,
     end: 12534567
    },
    {
     type: &#39;负债&#39;,
     name: &#39;应付短期融资款&#39;,
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: &#39;资产&#39;,
     name: &#39;其中：客户存款&#39;,
     start: 125000,
     end: 12534567
    },
    {
     type: &#39;&#39;,
     name: &#39;所有者权益（或股东权益)&#39;,
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: &#39;资产&#39;,
     name: &#39;&#39;,
     start: &#39;&#39;,
     end: &#39;&#39;
    },
    {
     type: &#39;所有者权益（或股东权益&#39;,
     name: &#39;实收资本（或股本）&#39;,
     start: 125000,
     end: 12534567
    }
   ],
   [
    {
     type: &#39;资产&#39;,
     name: &#39;资产总计&#39;,
     start: 111,
     end: 11
    },
    {
     type: &#39;所有者权益（或股东权益&#39;,
     name: &#39;资本公积&#39;,
     start: 125000,
     end: 12534567
    }
   ]
  ]
登录后复制

结果：

998dbbadfcb65ffd922a058d592de1a.png

推荐学习：php培训

以上是vue.js怎么遍历二维数组的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
vue.js 二维数组
上一篇：vue.js如何实现弹窗功能 下一篇：vue.js怎么隐藏或显示元素
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
javascript - vue.js与html页面之间的跳转
来自于 1970-01-01 08:00:00
0
0
0
vue.js - ViewModel和Controller有什么区别？
来自于 1970-01-01 08:00:00
0
0
0
javascript - vue.js中怎么渲染多层嵌套的json数据
来自于 1970-01-01 08:00:00
0
0
0
javascript - 有大神做过vue.js spa单页面的SEO吗？
来自于 1970-01-01 08:00:00
0
0
0
使用Vue.js Web组件与Pinia
来自于 1970-01-01 08:00:00
0
0
0
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板