Partage de code en boucle infinie dans VUE

Cet article présente principalement la boucle infinie dans Vue à travers un exemple de code. Le code est simple et facile à comprendre, très bon et a une valeur de référence. J'espère qu'il pourra aider tout le monde.

Le code est le suivant :

<template>
<p id="">
 <ul v-for="(item,index) in listaaa">
  <li v-if=&#39;dealFun(item.cdate,index)&#39;>{{item.cdate}}</li>
 </ul>
</p>
</template>
<script>
export default {
 name: "",
 data(){
   return {
     listaaa: [{
       cdate: '123'
      },
      {
       cdate: '456'
      },
     ],
     flagName: ''
   }
 },
 methods: {
  dealFun(arg, index) {
   console.log('---------------------------')
   if (arg == this.flagName) {
    return false
   } else {
    this.flagName = arg
    return true
   }
  }
 },
}
</script>
<style scoped>
</style>

La raison de la boucle infinie : le changement de flagName provoque la mise à jour de la vue , et la mise à jour de la vue entraîne l'exécution de la fonction dealFun() et flagName est à nouveau mis à jour ; le cycle se répète

Solution : (utilisez des variables globales)

<template>
<p id="">
 <ul v-for="(item,index) in listaaa">
  <li v-if=&#39;dealFun(item.cdate,index)&#39;>{{item.cdate}}</li>
 </ul>
</p>
</template>
<script>
var flagName;
export default {
 name: "",
 data(){
   return {
     listaaa: [{
       cdate: '123'
      },
      {
       cdate: '456'
      },
     ],
    //  flagName: ''
   }
 },
 methods: {
  dealFun(arg, index) {
   console.log('---------------------------')
   if (arg == flagName) {
    return false
   } else {
    flagName = arg
    return true
   }
  }
 },
}
</script>
<style scoped>
</style>

Recommandations associées :

Exemple d'analyse de boucle infinie de composant d'arbre EasyUI Tree

Exemple d'explication CSS3 pour obtenir un défilement transparent d'une boucle infinie

php réalise une boucle infinie pour obtenir MySQL Exemple de méthode en données

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!