zoukankan      html  css  js  c++  java
  • vue v-for list数据循环 每3或者(n)个一组

    template

    <van-swipe class="my-swipe-list" :autoplay="3000" indicator-color="#067EEA">
                <van-swipe-item v-for="(item,index) in listTemp" :key="index">
                    <van-row>
                      <van-col :span="8" v-for="(cell,i) in item" :key="i">
                        <img :src="cell.pic" alt="">
                        <p v-html="cell.title">{{cell.title}}</p>
                        <p>{{cell.content}}</p>
                      </van-col>
                    </van-row>
                </van-swipe-item>
            </van-swipe>
    

      

    computed代码

    computed:{
              listTemp:function(){
                let index =0;
                let count = 3;
                let arrTemp = [];
                let experts = this.experts;
                for(let i=0;i<this.experts.length;i++){
                  index = parseInt(i/count);
                  if (arrTemp.length <= index) {
                      arrTemp.push([]);
                  }
                  arrTemp[index].push(experts[i])
                }
                return arrTemp
              }
            }
    

      

  • 相关阅读:
    php面向对象开发的学习
    我的php感悟
    说说面向对象
    session,上传文件
    PHP构造函数的用法分析
    生成图片
    上传文件
    fetch
    ajax2
    ajax1
  • 原文地址:https://www.cnblogs.com/junwu/p/12378771.html
Copyright © 2011-2022 走看看