将获取到的数据进行分割
this.result = [];
for(var i=0,len=res.data.length;i<len;i+=9){
this.result.push(res.data.slice(i,i+9));
}
将数据循环添加切换数据信息
this.result.forEach((item,k)=>{
if(k==this.result.length-1){
item.push({
id: "back",
index: k,
name: "切换分类",
pic: require("图片地址")
})
}else{
item.push({
id: "next",
index: k,
name: "切换分类",
pic: require("图片地址")
})
}
// 默认为第一组数据
this.icon_pic_list=this.result[0]
})
点击切换数据判断数据的切换方式
chageItem(item){
if(item.id=='next'){
this.icon_pic_list=this.result[item.index+1]
}else if(item.id=='back'){
this.icon_pic_list=this.result[0]
}else{
this.ClassId=item.id
this.sharename=item.name
}
},
效果图: