解决swiper在Element-ui的tabs标签页切换时,swiper不生效,以及v-if和v-show不生效,还有左右箭头切换按钮点击无效的情况。
情况一
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper
官网给出的解决方案是,使用observer:swiper4的api地址:
https://www.swiper.com.cn/api/observer/218.html.
情况二
if(this.activeName == 'second'){
this.hallSwiper.destroy(false)
}else if(this.activeName == 'first'){
// 实例banner轮播