父子组件及v-for创建的组件的mounted调用顺序 --- 组件封装Swiper初始化失败的问题

用一个简单封装的Swiper例子,发现初始化有时会失效。研究后发现v-for循环生成的组件,其挂载顺序是和父组件不同的。

组件结构

  • Detail
    • DetailSwiper
      • Swiper
        • v-for生成的swiper-item

渲染顺序

  • 子组件mounted

  • 父组件mounted

  • v-for生成的孙子组件mounted

  • 截图

posted @ 2021-02-21 22:03  朝日asahi  阅读(241)  评论(0编辑  收藏  举报