轮播冲突:在页面同时new多个swiper一定会遇到问题,就有两个class=“swiper-container “:class="name",静态class与动态:class可以共存
一个页面传入两个一样的轮播封装组件:演职人员和剧照都用到了轮播
解决方法:
给两个轮播传传一个属性,然后分别定义两个轮播显示照片数,然后回到组件内接收,但两个轮播显示的照片数相同就会出现滑动问题,所以再给两个轮播传一个属性,一个名为actors,一个为photos, 再到组件内接收,然后通过父传子props通信方式,传到页面。
轮播初始化:刚开始v-if为假,页面不会创建,生命周期不会执行,真数据收到后,v-if为真,生命周期才开始创建