就写一个简单的单页面应用,感觉使用vue框架太麻烦了,就cdn引入的vue,
应用中需要轮播图,就想到了swiper,但由于vue也是cdn引入的,swiper也就cdn引入了,
引入发现初始化swiper没有什么用,尝试了好多方法:
- 在mounted方法中初始化,
- created方法中初始化,
- 后来想是不是因为swiper的父元素是条件显示的,我想啊,那肯定是要所有dom渲染完成后再执行初始化,所有又在Vue.nextTick()中初始化swiper,然鹅,并没有什么卵用
- 因为swiper的父元素是条件显示的,那是不是在条件满足之后,再调用初始化,就可以了,swiper父元素的显示条件是currentData存在,那在currentData赋值后再初始化swiper应该没什么问题了吧,还是没什么用
后来,网上搜到说,初始化swiper添加一个定时器就可以了,如下图所示,最终竟然成功了
