Vue.js Vuejs和光滑的转盘-v-for can和x27存在问题；t在旋转木马中添加元素

我正在使用组件，但我对

v-for

循环有一些问题

这是我的代码：

<slick
                        ref="slick"
                        :options="slickOptions"
                        class="float-left full-width slider-ingredients">
                            <div
                                v-for="ingredient in available_prots_source"
                                :key="ingredient.id"
                                @click="onSelectIngredient(ingredient.id, 'prots')"
                                class="slider-ingredient-item">
                                <div class="float-left ingredient-image">
                                    <div class="content">
                                        <img :src="ingredient.image" width="200" height="200" class="float-left cover-fit">
                                    </div>
                                </div>
                                <h4 class="float-left full-width text-center ingredient-name">
                                    {{ingredient.name}}
                                </h4>
                                <span class="float-left full-width text-center ingredient-details">
                                    dettagli
                                </span>
                            </div>
                    </slick>

{{component.name}
德塔利

问题是我的div是在光滑的容器外添加的。如果我在

开始标记之后添加了

，它将正确呈现，但仅看到一个元素，即使我的

v-for

添加了4或5个元素

我做错了什么？
如何将slick与

v-for

循环一起使用？

来自官方自述文件（参见

// Helpful if you have to deal with v-for to update dynamic lists
this.$nextTick(() => {
  this.$refs.slick.reSlick();
});