VUE uses swiper for classified carousel. Can't slide.

problems are shown in figure

call Swiper

 getClassList_ok(data){

            if (Number(data.MsgState) !== 1) {
                return;
            };
                this.classList = [];
                this.classList = data.MsgDate;
                
                **//Swiper**
                new Swiper (".swiper-container", {
                    slidesPerView : 5,
                    centeredSlides : false,
                })
        },

the key is that the events triggered by clicks have nothing to do with Swiper

gettransclass(skid){
            this.couponskid = skid
            let vuedata = {
                  PageNumber:1,
                  PageLimit:"",
                  SKID:skid
            }
            vueajax(this,"coupon/coupon_/USKID_Coupon_List",vuedata,"gettransclass_ok","get",0)
          },
          gettransclass_ok(data){
            if (Number(data.MsgState) !== 1) {
                this.already_take_list = false;
                 return;
            };
            this.UserCouponList = [];
            this.already_take_list = true;
            this.UserCouponList = data.MsgDate.DataList;
          },

I've encountered this problem before because dom didn't finish loading.

 getClassList_ok(data){
        if (Number(data.MsgState) !== 1) {
            return;
        };
            this.classList = [];
            this.classList = data.MsgDate;
            
            **//Swiper**
            this.$nextTick(() => {
                new Swiper ('.swiper-container', {
                slidesPerView : 5,
                centeredSlides : false,
            })
            })
    },
Menu