如何等待 v-for 然后执行光滑的滑块

Question

我已经安装了 laravel 5.3 和 vuejs 组件，这是代码

<template>
    <div class="row">
        <div class="col-md-3" v-for="item in options">
            <other-component/>
        </div>
    </div>
</template>

<script>
    import OtherComponent from './OtherComponent.vue'

    export default {
        name: 'TopProductView',
        updated() {
            $('#id').slick()
        }
        computed: {
            options() {
                ...
            }
        },
        components: {
            OtherComponent,
        },
        ...
    }

</script>

问题是，我需要等待 v-for 完成其他组件的循环，然后调用 slick 滑块。我该怎么做？

就我而言，光滑总是首先被调用，或者在循环完成之前被调用

Answer 1

您可以观看计算属性而不是组件更新钩子

watch: {
    options() {
        this.$nextTick(() => {
            $('class').slick()
        })
    }
}