Load dynamic data into vue-flickity and Firefox bug about vue-flickity HOT 6 OPEN

@aghouseh the :key in a loop in Vue usually receives and int (unique id), so try with:

<div v-for="image in images" :key="image.id" class="QuickBuy-image">
  <img :src="image" />
</div>

from vue-flickity.

1. 先移除旧实例
2. 再重新获取数据【重新渲染】

from vue-flickity.

@jian11231 you must have a referer, see ref="flickity" in the component and this.$refs.flickity.rerender()

from vue-flickity.

I have same problem with you, but after i try the solution above, the error of " Cannot read property 'rerender' of undefined" was returned

from vue-flickity.

I'm not seeing any reactive updates to the slider contents. It works on page load but as soon as I update the content of the slider, the parent component node is empty.

      <Flickity ref="flickity" :options="flickityOptions">
        <div v-for="image in images" :key="image" class="QuickBuy-image">
          <img :src="image" />
        </div>
      </Flickity>

from vue-flickity.

I'm not seeing any reactive updates to the slider contents. It works on page load but as soon as I update the content of the slider, the parent component node is empty.

      <Flickity ref="flickity" :options="flickityOptions">
        <div v-for="image in images" :key="image" class="QuickBuy-image">
          <img :src="image" />
        </div>
      </Flickity>

Same here. Did you manage to find a fix?

from vue-flickity.