swiper与tab切换连用 出现问题

先看问题如图所示

这是swiper与tab切换 swiper-slide明明是三个 却变形成一个

<script>
		var swiper4 = new Swiper(".swiper4", {
		slidesPerView: 3,
		spaceBetween: 30,
		observer: true,
		observeParents: true,
		pagination: {
		el: ".swiper-pagination",
		clickable: true,
	                               },
	});
</script>

 加上这句observer: true,
               observeParents: true,