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

Posted 2023-02-23

【中文标题】如何等待 v-for 然后执行光滑的滑块

【英文标题】：How to wait v-for and then execute slick slider

【发布时间】：2018-01-02 20:14:36

【问题描述】：

我已经安装了 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 滑块。我该怎么做？

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

【参考方案1】：

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

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

【讨论】：

感谢您的快速回复，但我仍然有问题。光滑的滑块仍然没有等待循环我忘了提到 OtherComponent 有一个 ajax 请求和图像

你能在你的组件中调用ajax，然后将数据传递给OtherComponent吗？