Ant Design Vue:当只有一个div内容时，旋转木马箭头消失
Ant Design Vue是一个基于Vue.js的UI组件库，旨在提供高质量的用户界面组件，以帮助开发者快速构建美观、易用的Web应用程序。
对于旋转木马箭头消失的问题，可能是由于Ant Design Vue的Carousel组件在只有一个div内容时，默认隐藏了箭头。解决这个问题的方法是通过设置Carousel组件的show-arrow属性为true，强制显示箭头。
以下是一个示例代码：
<template>
<a-carousel :show-arrow="true">
<div>内容1</div>
</a-carousel>
</template>在上述示例中，我们将show-arrow属性设置为true，确保箭头始终显示。这样即使只有一个div内容，旋转木马箭头也不会消失。
Ant Design Vue官方文档中关于Carousel组件的详细介绍和使用方法可以参考以下链接： Ant Design Vue Carousel
腾讯云提供了云计算相关的产品和服务，其中与前端开发、后端开发、数据库、服务器运维等相关的产品包括云服务器、云数据库MySQL、云数据库MongoDB、云函数等。更多关于腾讯云的产品和服务信息可以参考腾讯云官方网站： Tencent Cloud
相关·内容
我正在使用Ant Design Vue的Carousel在Instagram Story Clone项目中显示一些后端生成的数据。 问题是，当carousel中只有一个内容时，箭头和点就消失了。file=/src/App.vue 箭头显示： <a-carousel arrows>
style="
浏览 68提问于2020-08-30得票数 5
我一直在研究Ant Carousel :- https://ant.design/components/carousel/。Carousel被放在一个Modal中。我的孩子很少，div。最初，箭头键不适用于导航。如果我点击div的内容，它们就会开始工作。 但如果div包含图像，当单击它时，焦点不会设置为旋转木马，如
浏览 15提问于2019-02-14得票数 0
回答已采纳
1回答
我昨天开始学习Gatsby项目中的Ant Design。我想做一个旋转木马，并尝试使用Ant Design组件。Ant Design Carousel。这显示了以下结果： ? 蓝色的东西是旋转木马，但我在代码中有4个，屏幕上有9个蓝色空间。我不明白这些是从哪里来的。 当我单击下面的按钮2/3/4时，所有蓝色空格都消失了。当我点击按钮1<e
浏览 8提问于2021-02-09得票数 1
回答已采纳
1回答
我尝试仅在viewport宽度小于961px时才在轮播中显示内容。当显示窗口变小时，我看到我的内容水平显示(需要)，然后垂直堆叠(不需要)，然后全部消失(也不需要)。我不想让它垂直堆叠。只需水平放置，然后以旋转木马的形式显示。但如前所述，当它应该在旋转木马中时，它就消失了，而我只能看到导航箭头。我也希望内容居中时，在一个
浏览 0提问于2015-12-09得票数 0
2回答
有什么建议吗？
、、、
我正在开发一个由ant设计(antd)库进行的reactjs项目。我想在我的项目中使用Carousel组件。当我将内容-which的背景色显示在旋转木马- to #FFF中时，子弹导航按钮就会消失。这是一个普通的旋转木马：export default class Temp extends Component {
浏览 0提问于2018-08-10得票数 2
回答已采纳
2回答
我正在创建一个项目页面，在该页面中，我将从一个图像数组为每个项目映射一个图像旋转木马。这样做很好，但问题是，如果数组中只有一个图像，我希望"next“和"previous”箭头不出现。因此，当数组长度大于1时，我尝试有条件地返回Carousel.Item，而常规图像则返回(而不是在Carousel.Item标记中)。但因为它还在旋转木马本身，它认为这是另
浏览 4提问于2020-04-17得票数 0
回答已采纳
我使用的是引导旋转木马，当它到达最后一张幻灯片时，我希望停止旋转木马的滑动(在最后一张幻灯片处停止)，然后禁用"next“按钮。
浏览 1提问于2014-07-03得票数 3
回答已采纳
1回答
我有一个宽度相同的物品的简单旋转木马。当旋转木马的最后一项在旋转木马的右侧可见时，我希望停止旋转木马导航(使用箭头和拖动旋转木马)。目前，您可以一直按next箭头按钮来导航，直到最后一项位于旋转木马的左侧，如下所示：如上所述，期望的结果如下所示：将edgeF
浏览 4提问于2020-07-07得票数 1
回答已采纳
在网站上，我正在做的旋转木马似乎跳到了第三张图片，当你第一次点击next按钮时，页面加载。有没有人知道这是为什么？我正在遵循建议的布局。
浏览 4提问于2012-07-28得票数 7
3回答
我试着在我的网站上使用光滑的旋转木马，但它的宽度一直存在一些问题。我以前试过使用，结果也出现了同样的问题(以及其他更多的问题)。你们中有人知道这可能是什么吗？编辑:我已经意识到，当屏幕达到963 of的宽度时，旋转木马将保持固定的宽度。我在CSS
浏览 5提问于2015-08-06得票数 2
回答已采纳
2回答
对于我的wordpress主题，我正在构建，我添加了猫头鹰旋转木马。我能得到我想要的导航。旋转木马侧面的箭头。当你悬停在旋转木马上的一个位置时，我能得到箭头的显示，但我希望当你在旋转木马</e
浏览 7提问于2016-08-24得票数 3
回答已采纳
1回答
嗨，我需要一个内容滑块，它能够根据每个div内容中的内容自动高度，我遇到了很多滑块，但都不符合我的标准，那就是：
它符合标准，但缩略图旋转</
浏览 2提问于2012-11-19得票数 0
如果我单击项目外部，但在旋转木马控件内，键盘导航工作正常(我可以使用左右键盘箭头在项目之间切换)，但是如果我单击RadCarousel中的某个项目，键盘导航就会消失。当旋转木马中的项具有焦点时，如何使RadCarousel处理键盘导航？我想要完成的其他事情：
carousel.Automatically中的自动将SelectedItem显示为“前端项”，在浏览旋转木马时选择“前端项”.Selecte
浏览 1提问于2010-10-15得票数 0
回答已采纳
2回答
我想制作一个旋转木马滑块，类似于您在Youtube.com和页面上看到的新设计，如：。
任何关于如何构建这个的建议，或者Jquery插件都可以促进这一点。我尝试过itemSlide()，但是我不知道如何获得CSS，以便它在容器DIV中正确地呈现。另外，Item幻灯片没有给出滚动到下一页的箭头。我看过的其他旋转木马插件，即使有它们的响应选项，也可以让您指定适合页面的项目数量。我希望这是由css决定。Update我得到了itemSlide()在容器div中
浏览 10提问于2017-09-24得票数 0
2回答
我已经建立了一个柔性滑块，作为一个产品旋转木马的流体宽度的网站。当浏览器窗口打开到一定宽度时，产品项有时会消失。详情如下：
现在，调整您的浏览器窗口的大小更宽，产品会在某个
浏览 6提问于2012-07-25得票数 4
2回答
我在右上角有一个带箭头的引导旋转木马。我已经设置了data-wrap="false"，这样当它到达旋转木马的末尾时它就停止了。另外，当第一个旋转木马启动时，左箭头将变为活动箭头。下面是我想做的事情:当幻灯片活动时，我希望类class-fade更改为class-active。
浏览 3提问于2017-07-18得票数 2
回答已采纳
我无法调试为什么从我的预订生成的HTML
当我使用CTRL时，只搜索本地页面而不是整本书例如，单击和中的搜索图标，在Safari和Chrome的目录上方弹出一个搜索框，而CTRL则弹出本地页面搜索。没有箭头可用来浏览结果--我需要使用键盘上的上下箭头键。编辑:我尝试将bookdown::gitbook配置替换为手册中的精确副本，但它仍然没有生成一个工作的搜索按钮。
浏览 3提问于2018-07-21得票数 2
它们在初始加载时看起来都工作正常，但只要我点击其中一个旋转木马箭头，内容就消失了(活动类被移除，显示被设置为无)。有人能看到问题出在哪里吗？ (看看屏幕右下角的新闻框)
浏览 2提问于2012-09-08得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
