Javascript Ant Design Vue：旋转木马箭头在出现时消失'；只有一个div内容

我使用Ant Design Vue的旋转木马在Instagram故事克隆项目中显示一些后端生成的数据

问题是，当转盘中只有一个内容时，箭头和点就会消失

传送带文件：

代码沙盒：

箭头显示：

内容1
内容2

箭头未显示：

仅内容1

---

当只有一个内容时，如何确保箭头也保持显示？

如果您有一张幻灯片，则无需显示箭头，因为这会影响用户体验，但我只建议添加一张幻灯片，指示幻灯片放映结束：

  <a-carousel arrows>
    <!-- Left Arrow -->
    <div
      slot="prevArrow"
      slot-scope="props"
      class="custom-slick-arrow"
      style="left: 10px;zIndex: 1"
    >
      <a-icon type="left-circle"/>
    </div>

    <!-- Right Arrow -->
    <div slot="nextArrow" slot-scope="props" class="custom-slick-arrow" style="right: 10px">
      <a-icon type="right-circle"/>
    </div>

  
    <div>
      <h3>1</h3>
    </div>
    <div>
      <h3>End :)</h3>
       <h4> Don't forget to follow us</h4>
    </div>
   
  </a-carousel>

1.
(完)
别忘了跟着我们

蚂蚁转盘是蚂蚁的包装。slick carousel的默认行为是在只有一个幻灯片的情况下删除箭头（这是有意义的，因为没有更多的幻灯片可导航），解决方法是禁用箭头并自行制作箭头，如图所示。如何在Vue中实现这一点？我可以不用jQuery吗？你可以使用新箭头上的方法并通过css隐藏默认箭头。我的意思是，我如何访问slick carousel的设置？我应该从头开始创建一个新的光滑的旋转木马吗？我正在尝试开发一个Instagram故事克隆，当只有一个内容时，我也需要箭头，因为当单击箭头时，故事会发生变化，旋转木马的内容会切换到另一个用户的内容。