Vue.js Vue awesome swiper在Vue js模式插件中无法正常工作

我正在使用产品快速查看，我正在尝试创建一个图像库，但问题出在这个模式图像库之外，工作正常，因为我是aspected，但在模式插件内部，它显示了一个错误，无法正常工作

我在这个问题上找不到任何解决办法，请任何人帮助我

我的代码在下面

关上我
Lorem ipsum dolor sit amet，奉献精英。阿斯珀纳图尔酒店，
多洛勒姆显贵是一位杰出的女性。
从“vue awesome Swiper”导入{Swiper，SwiperSlide}
导入“swiper/css/swiper.css”
导出默认值{
名称：“产品”，
组成部分：{
泳衣
},
数据（）{
返回{
swiperOptionTop：{
循环：对，
loopedSlides:5，//循环的幻灯片应相同
间隔时间：10，
},
SwiperOptionTumbs：{
循环：对，
loopedSlides:5，//循环的幻灯片应相同
间隔时间：10，
中心幻灯片：对，
SlideService视图：“自动”，
接触比：0.2，
slideToClickedSlide:true
}
}
},
安装的（）{
这个.$nextTick（（）=>{
常量swiperTop=此。$refs.swiperTop。$swiper
常量swiperThumbs=此。$refs.swiperThumbs。$swiper
swiperTop.controller.control=swiperThumbs
swiperThumbs.controller.control=swiperTop
})
},
方法：{
显示（）{
此.$modal.show（'quick-view'）；
},
隐藏（）{
此.modal.hide（'quick-view'）；
}
}
}

您必须为

ref

工作使用

@opened

事件使用一个事件，该事件在模态变为可见或开始转换后发出。查看此插件事件

............
导出默认值{
方法：{
打开（）{
这个.$nextTick（（）=>{
常量swiperTop=此。$refs.swiperTop。$swiper
常量swiperThumbs=此。$refs.swiperThumbs。$swiper
swiperTop.controller.control=swiperThumbs
swiperThumbs.controller.control=swiperTop
})
}
}
}

有人帮帮我吗请帮帮我