keyboard swiper nav
This commit is contained in:
parent
81e25d7004
commit
e509d224f9
|
@ -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,
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue