keyboard swiper nav

This commit is contained in:
Valentin 2024-06-04 16:35:32 +02:00
parent 81e25d7004
commit e509d224f9
1 changed files with 3 additions and 2 deletions

View File

@ -22,6 +22,7 @@
:loop="true" :loop="true"
:modules="modules" :modules="modules"
:navigation="true" :navigation="true"
:keyboard="{ enabled: true }"
@slideChange="onSlideChange" @slideChange="onSlideChange"
@swiper="onSwiper" @swiper="onSwiper"
> >
@ -39,7 +40,7 @@
</template> </template>
<script> <script>
import { A11y, Navigation, Zoom } from "swiper/modules"; import { Keyboard, A11y, Navigation, Zoom } from "swiper/modules";
import { Swiper, SwiperSlide } from "swiper/vue"; import { Swiper, SwiperSlide } from "swiper/vue";
import "swiper/css"; import "swiper/css";
import 'swiper/css/zoom'; import 'swiper/css/zoom';
@ -83,7 +84,7 @@ export default {
return { return {
onSwiper, onSwiper,
onSlideChange, onSlideChange,
modules: [Navigation, A11y, Zoom], modules: [Keyboard, Navigation, A11y, Zoom],
displaySlider, displaySlider,
closeSlider, closeSlider,
}; };