父子组件及v-for创建的组件的mounted调用顺序 --- 组件封装Swiper初始化失败的问题
用一个简单封装的Swiper例子,发现初始化有时会失效。研究后发现v-for循环生成的组件,其挂载顺序是和父组件不同的。
组件结构
- Detail
- DetailSwiper
- Swiper
- v-for生成的swiper-item
- Swiper
- DetailSwiper
渲染顺序
-
子组件mounted
-
父组件mounted
-
v-for生成的孙子组件mounted
-
截图