🐕

framework7のswiper

2022/03/04に公開

https://stackoverflow.com/questions/49231779/swiper-not-working-with-dynamic-data-in-framework7-with-vue-js

framework7のスライドショーはSwiperを使っているようで、更新されないのはSwiperあるあるらしい
updateしろと書いていたのでrefでアクセスできるようにして読み込み後にupdateしたら表示された

<f7-swiper ref="images" v-if="items.length > 0">
  <f7-swiper-slide  v-for="(img,i) in items" :key="i" >
    <img :src="img" >
  </f7-swiper-slide>
</f7-swiper>
      
//  読み込み後に this.$refs.images.swiper.update() で更新できる

Discussion