vue3中想通过后端获取的数组数据使用antdv中的a-carousel组件实现走马灯效果,但如何实现每个页面只显示6条记录?同时每条记录根据id加个跳转链接
数组格式:[{id:"1",sgzydd:"aaa",sgzynr:"bbb";fxdj:"三级"}]
如下代码是自己写的,里面的pageNo是想进行分页(数据长度/6),dtsg_arr是返回的数据
<a-carousel autoplay style="width: 5.96rem">
<div style="width: 5.96rem" v-for="(item, index) in pageNo" :key="index">
<h3 v-for="(item1, index1) in dtsg_arr" :key="index">
{{ item1.id }} {{ item1.sgzydd }} {{ item1.sgzynr }} {{ item1.fxdj }}
</h3>
</div>
</a-carousel>
v-for="(item1, index1) in dtsg_arr"
改成v-for="(item1, index1) in dtsg_arr.slice(index * 6, (index + 1) * 6)"