vue3 swiper获取当前activeIndex

1、npm install swiper

2、引入

import { Swiper, SwiperSlide } from 'swiper/vue';

import { Mousewheel, Pagination } from "swiper";

import 'swiper/css';

import "swiper/css/pagination";

3、获取

const c_swiper = document.getElementsByClassName("_swiper")

console.log(c_swiper[0].swiper.activeIndex)

4、代码 

//html



    111



// swiper
function onSwiper(swiper) {
}

const c_swiper = document.getElementsByClassName("_swiper")
const swiperIdx = ref(0)

function onSlideChange() {
    swiperIdx.value = c_swiper[0].swiper.activeIndex
}

你可能感兴趣的:(前端,javascript,开发语言)