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

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

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

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

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

你可能感兴趣的:(Vue,vue.js,前端,javascript)