将一维数组转换为二维数组

实际需求:将请求回来的数据进行竖向轮播,但是每次只轮播长度为3条
实际实现:将原本的一维数组转换为二维数组,数组里面的每个元素为一个length为3的数组.在进行轮播的时候,循环两次进行输出

data(){
	return{
		hasWinArr:[],//一个一维数组
	}
},
methods:{
        //处理假数据轮播图
        handleSwiperData(){
            const me =this;
            var len = me.hasWinArr.length;
            //console.log(len)
            var arr=[]
            for(var i=0;i<len;i+=3){
                arr.push(me.hasWinArr.slice(i,i+3))
            }
            me.hasWinArr = arr;
        }
}

页面的轮播实现(外层循环hasWinArr数组,内层循环他的每个元素)

<swiper-slide
      v-for="(item,iIndex) in hasWinArr"
      :key="iIndex" class="slide-con">
  <div v-for="(i,index) in item"  :key="index" class="slide-box">恭喜用户
  	<span>{{i.nick_name}}</span>
  	<span>获得学院</span>
  	<span>{{i.name}}</span>!
  </div>
</swiper-slide>