vue 与 swiper结合使用时，swiper效果失效

最新推荐文章于 2024-06-27 15:08:17 发布

前端-文龙刚

最新推荐文章于 2024-06-27 15:08:17 发布

阅读量931

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_17211063/article/details/133929969

版权

Vue 专栏收录该内容

97 篇文章 2 订阅

订阅专栏

说明：在一个html页面中，使用了Vue渲染数据，使用swiper做了相应的效果，但是发现当数据渲染完成时，我之前利用swiper做的效果不生效了

原因：当数据渲染后，没有更新swiper的效果方法

解决办法：当数据更新完成时，重新调用下swiper方法

updated(){
	  	this.$nextTick(() => {
          	setTimeout(()=>{
	          	var navSwiper = new Swiper('.header', {
			        freeMode: true,
			        slidesPerView: 'auto',
			        freeModeSticky: true,
			    });
	          	
        	},200)
        })
	  },