vue.javascript 双层嵌套for遍历的方法详解, 类似php foreach()

如果有天我们湮没在人潮之中,庸碌一生,那是因为我们没有努力要活得丰盛。善于与人沟通,适度采纳别人意见。

主要运用 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遍历的方法详解, 类似php foreach()就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
vue.javascript管理后台table组件封装的方法

vue+threejavascript写物体动画之物体缩放动画效果

vue.javascript中methods watch和computed的区别示例详解

基于Vue.javascript与WordPress Rest API构建单页应用详解

Vue.javascript中provide/inject如何实现响应式数据更新的方法示例