vue.js中双层嵌套for遍历的示例分析

小编给大家分享一下vue.js中双层嵌套for遍历的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

主要运用 template 标签,可相当于 php foreach()

 foreach(lists as $key){
 //todo
  foreach($key.自定义字段 as k){
  //todo
  }
 }
<template v-for="key in lists" v-cloak>
  <tr>
   <td></td>
   <td ></td>
   <td ></td>
   <td ></td>
  </tr>
  <tr v-for="v in key.自定义字段">
   <td></td>
   <td v-text=""></td>
   <td v-text=""></td>
   <td v-text=""></td>
  </tr>
</template>

以上是“vue.js中双层嵌套for遍历的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!