vue v-for list数据循环 每3或者(n)个一组
Posted junwu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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" > <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 } }
以上是关于vue v-for list数据循环 每3或者(n)个一组的主要内容,如果未能解决你的问题,请参考以下文章