一个公共的swiper组件，swiper版本是3.4.2-526互联

import { getBannerList } from "@/utils/request/banner";
import Swiper from "swiper";
import {WOW} from "wowjs";

export default {
    data() {
        return {
            bannerData: [], // 修改初始值为一个空数组
            menuCode: "",
            NewSwiper: ''
        };
    },
    methods: {
        getBanner() {
            getBannerList({ menuCode: this.menuCode }).then((res) => {
                if (res.code === 200) {
                    this.bannerData = res.data;
                }
                this.$nextTick(() => {
                 this.NewSwiper  =  new Swiper("#swiper_first", {
                        // 如果需要分页器
                        autoplay: 6000,
                        speed: 1200,
                        autoplayDisableOnInteraction: false,
                        loop: false,
                        centeredSlides: true,
                        slidesPerView: 1,
                        spaceBetween: 0,
                        pagination: ".swiper-pagination",
                        paginationClickable: true,
                        preventLinksPropagation: false,
                    });
                    // 在dom渲染完后,再执行动画
                    const wow = new WOW({
                        live: false,
                    });
                    wow.init();
                })
            });
        },
    },
    beforeRouteEnter(to, from, next) {
        const menuCode = to.fullPath.slice(1);
        next((vm) => {
            vm.menuCode = menuCode;
            vm.getBanner();
        });
    },
};