I've encountered an issue while trying to populate an array using a method, leading to redundant data and the following warning message:
You may have an infinite update loop in a component render function.
Below is the code snippet in question:
<v-flex xs6 md3 v-for="i in 12" :key="i">
{{ pushShow(i) }}
</v-flex>
.
.
.
.
methods: {
pushShow(i){
this.show.push(i);
}
}
The goal is to display cards with different behaviors based on the values inside the array, which should look like: [true, true, false, false, etc]
If anyone has insights on how to tackle this issue, I would greatly appreciate it. Thank you in advance!