我是 Vue 新手,我正在研究这个 Vue3 轮播插件中的活动类示例。我想仅显示 carousel__slide--active 类的文本和链接 div,但现在所有 carousel__items 都会显示其相应的文本和链接。看来我应该能够仅针对子类 carousel__slide--active 执行 v-if 或 v-bind 来显示 image.text 和 image.link,但我无法让其中任何一个工作。任何建议将不胜感激。
相关代码:
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
你也可以使用css来解决这个问题,但是如果你想使用“vue-way”,你需要检查当前幻灯片才能确定是否显示内容。
有关使用的文档(我想说)不是很清楚,但是如果您查看源代码,您会发现
Carousel组件确实使用modelValue来绑定当前索引。模板:
所以你有索引(
iinv-for="(image, i) in stack.images")并将其与currentSlide进行比较