[Vuejs]-VUEjs 3 Warning: Maximum recursive updates exceeded

by

0👍

I figured out, the each grid-swim-lane component’s this.$.uid value is not sequential, but in sequence even and odd 🙂

So i use this value to determine the ‘even’ and ‘odd’ css-class:

<template>

    <!-- ------------------ BEGIN LEFT SIDE BAR ------------------ -->

    <grid-swim-lane-info
        :grid-row-even-odd-count="gridRowEvenOddCount"
    />

    <!-- ------------------ BEGIN RELEASES ------------------- -->

    <grid-swim-lane-releases
        :grid-row-even-odd-count="gridRowEvenOddCount"
    />

</template>

<script>
import GridSwimLaneInfo from "./GridSwimLaneInfo";
import GridSwimLaneReleases from "./GridSwimLaneReleases";

export default {
    components: {
        GridSwimLaneInfo, GridSwimLaneReleases
    },
    props: {
        component:   { type: Object, default: { id: 0, name: 'no-component'} }
    },
    data() {
        return {
            gridRowEvenOddCount: 0
        }
    }
    mounted() {
        this.gridRowEvenOddCount = this.$.uid;
    }
}
</script>

<style scoped></style>

Leave a comment