Javascript 触发“vue owl转盘”包vue.js中的下一个和上一个元素
我在使用javascript在vue中触发vue owl转盘包中的下一项或上一项时遇到问题 有人能帮忙吗 传送带代码:Javascript 触发“vue owl转盘”包vue.js中的下一个和上一个元素,javascript,vue.js,vuejs2,owl-carousel,owl-carousel-2,Javascript,Vue.js,Vuejs2,Owl Carousel,Owl Carousel 2,我在使用javascript在vue中触发vue owl转盘包中的下一项或上一项时遇到问题 有人能帮忙吗 传送带代码: <carousel id="newGamesCarousel" :items="1" :dots="false" :nav="false" :margin="10" :key="refresh"> <div class="newGames-item" v-for="item in newProducts"> <div class="de
<carousel id="newGamesCarousel" :items="1" :dots="false" :nav="false" :margin="10" :key="refresh">
<div class="newGames-item" v-for="item in newProducts">
<div class="details">
<div class="labels flex-wrap">
<span class="mb-1" v-for="platform in item.platforms">{{platform.name}}</span>
<span class="mb-1" v-for="region in item.regions">ریجن {{region.name}}</span>
</div>
<h2 class="gameTitle">{{item.name}}</h2>
<div class="priceBox">
<router-link class="add-to-cart" :to="{path: '/game/'+item.id+'/'+stringToSlug(item.title)+''}">+</router-link>
<div class="price">
<div class="former" v-if="item.sale_percent !== false">
<span class="percent">%{{item.sale_percent}}</span>
<span class="total">{{item.price}}</span>
</div>
<div class="later">
{{item.regular_price}}
<span class="unit">تومان</span>
</div>
</div>
</div>
</div>
<figure class="image">
<img v-bind:src="item.thumbnail_url" v-bind:alt="item.name">
</figure>
</div>
</carousel>
以及“下一步”和“上一步”按钮:
<div class="arrows">
<svg class="nextCarousel" id="newGamesNext" viewBox="0 0 24 24">
<use xlink:href="/src/assets/imgs/sprite.svg#arrow"></use>
</svg>
<svg class="prevCarousel" id="newGamesPrev" viewBox="0 0 24 24">
<use xlink:href="/src/assets/imgs/sprite.svg#arrow"></use>
</svg>
</div>
根据此处描述的文件: 自定义上一个和下一个按钮使用插槽,按钮将被隐藏 以非循环模式开始和结束时
<carousel>
<template slot="prev"><span class="prev">prev</span></template>
<template slot="next"><span class="next">next</span></template>
</carousel>
这就是我认为应该解决你的问题的原因。如果我遗漏了一些东西,请随意添加文档/教程的URL,您可以在这里获取代码。请告诉我解决方案是否有效共享一些代码
<template slot="prev">
<svg class="nextCarousel" id="newGamesNext" viewBox="0 0 24 24"><use xlink:href="/src/assets/imgs/sprite.svg#arrow"></use></svg>
</template>