jeudi 27 juillet 2017

How to wait v-for and then execute slick slider

I have the laravel 5.3 installed and vuejs component, here's the code

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

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

    export default {
        name: 'TopProductView',
        updated() {
            $('class').slick()
        }
        computed: {
            options() {
                ...
            }
        },
        components: {
            ItemProduct,
        }
    }

</script>

The problem is, i need to wait the v-for complete the loop of other component and then call the slick slider. how do i do that?

As far as i try the slick always called first, or called before the loop is complete



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire