vue-awesome-swiper init方法无效

解决办法

v-if来重新渲染 swiperVisible

<swiper class="swiper" :options="swiperOptionTop" ref="swiper1" v-if='swiperVisible'>
    <swiper-slide class="slide-1" v-for='item in imgList'>
        <img :src='item' />
    </swiper-slide>
</swiper>

export default {
    data() {
        return {
            swiperVisible:true,
            swiperOptionTop: 
                slidesPerView: 3,
                spaceBetween: 10,
            }
        }
    },
    mounted(){
        this.swiperOptionTop.spaceBetween=20;//修改options配置
        this.swiperVisible=false;//通过v-if切换，重新渲染swiper
        this.$nextTick(()=>{
            this.swiperVisible=false;
        });
    }
}