Vue.js 带有Vue的Swiper.js计算错误的图像大小

Vue.js 带有Vue的Swiper.js计算错误的图像大小,vue.js,bootstrap-4,swiper,Vue.js,Bootstrap 4,Swiper,有时,在桌面上,swiper会错误计算幻灯片的可用宽度或高度。这会使图像放大。这种情况并非始终如一 以下是我在Vue组件中初始化swiper的方式: 从“Swiper”导入Swiper,{Navigation,Pagination}; Swiper.use([导航,分页]); 导出默认值{ 名称:“画廊”, 道具:[“图像”], 数据(){ const loop=Array.isArray(this.images)和&this.images.length>1; 返回{ 滑块:空, 我的建议

有时,在桌面上,swiper会错误计算幻灯片的可用宽度或高度。这会使图像放大。这种情况并非始终如一

以下是我在Vue组件中初始化swiper的方式:


从“Swiper”导入Swiper,{Navigation,Pagination};
Swiper.use([导航,分页]);
导出默认值{
名称:“画廊”,
道具:[“图像”],
数据(){
const loop=Array.isArray(this.images)和&this.images.length>1;
返回{
滑块:空,
我的建议:{
循环:循环,
//自动高度:正确,
分页:{
el:“.swiper分页”
},
导航:{
nextEl:“.swiper按钮下一步”,
prevEl:“.swiper按钮prev”,
},
//禁用所有图像的预加载
图片:错,
//启用延迟加载
懒惰的:{
下一个:是的,
},
}
}
},
挂载:函数(){
this.slider=new Swiper(this.$refs.mySlider,this.mySliderOptions)
this.slider.updateSize()
},
}

正确的方法应该是调用mysweer.on('lazymageready',function(){mysweer.updateAutoHeight();}但是我已经在这个问题上花了好几个小时了,唯一“有点”效果的方法是在updateAutoHeight周围设置一个超时,但是这相当难看。