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.3k
1 个回答

v-for="(item1, index1) in dtsg_arr"改成v-for="(item1, index1) in dtsg_arr.slice(index * 6, (index + 1) * 6)"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题