antdv 中a-carousel组件如何使用v-for渲染列表?
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>
回复
1个回答
test
2024-06-25
v-for="(item1, index1) in dtsg_arr"
改成v-for="(item1, index1) in dtsg_arr.slice(index * 6, (index + 1) * 6)"
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容