Peut se méfier des boucles de mise à jour infinies potentielles dans les fonctions de rendu des composants Vue pendant l'itération

Question

J'ai un tableau avec 4 objets et je le rend comme suit

<div v-for="item in cant_objetivos_tipo">
        {{ item.__data__.nombre_monitor_tipo + ' : ' + item.__data__.cantidad_objetivos }}
</div>

Puis, quand j'essaie de remplir un autre tableau avec des données comme ci-dessous

<div v-for="item in cant_objetivos_tipo">
        {{ datapie.push(item.__data__.nombre_monitor_tipo + ' : ' + item.__data__.cantidad_objetivos) }}
</div

J'ai rencontré une erreur de boucle infinie

datapie[] déclaré avant

<script>
    import axios from 'axios'
    
    export default {
        data() {
            return {
                cant_objetivos_tipo: [],
                datapie: [],
          }
        },...

J'espère que vous pourrez m'aider, merci beaucoup

Answer 1