vue v-for数据循环实现每n项一分组换行
v-for 循环 实现每n项一分组换行<table><tr v-for="(row,index) in sliceList(list,4)" :key="index"><td v-for="(item,i) in row" :key="i">{{item.attrA}}</td></tr></table
·
v-for 循环 实现每n项一分组换行
<table>
<tr v-for="(row,index) in sliceList(list,4)" :key="index">
<td v-for="(item,i) in row" :key="i">
{{item.attrA}}
</td>
</tr>
</table>
data() {
return {
list:[]
}
},
computed: {
sliceList() {
return function (data,count) {
if (data != undefined) {
let index = 0;
let arrTemp = [];
for (let i = 0; i < data.length; i++) {
index = parseInt(i / count);
if (arrTemp.length <= index) {
arrTemp.push([]);
}
arrTemp[index].push(data[i])
}
return arrTemp
}
}
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)