简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Dans Vue, pourquoi les valeurs sorties par console.log sont-elles affectées par les instructions après console.log et comment éviter cet effet
欧阳克
欧阳克 2017-06-15 09:22:41
0
4
1275

En vue, pourquoi la valeur sortie par console.log(a) est-elle affectée par les instructions après console.log(a), et comment éviter cet effet

Logiquement parlant, les valeurs sorties par console.log deux fois devraient être différentes. Pourquoi sont-elles les mêmes ? Seules les deux valeurs de sortie n'interféreront pas entre elles

<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<p id="app">
  <p @click="add">{{a}}</p>
</p>
<script>
new Vue({
  el: '#app',
  data: {
    a:[]
  },
  methods:{
    add:function(){
      console.log(this.a);
      this.a.push(1);
      console.log(this.a);

    }
  }
})
</script>
</body>
</html>"


![图片描述][1]
欧阳克
欧阳克

温故而知新，可以为师矣。 博客：www.ouyangke.com

répondre à tous(4)
小葫芦
小葫芦2017-06-15 09:24:41 4 plancher

Il s'agit d'une fonctionnalité du contrôle de débogage. Ce que console.log génère n'est pas un instantané de l'objet. Vous pouvez l'essayer sur la console

Comme +0
Ajouter une réponse
曾经蜡笔没有小新
曾经蜡笔没有小新2017-06-15 09:24:41 3 plancher

Je crois comprendre qu'il s'agit d'un tableau ; tout comme un objet, il accède à l'adresse mémoire pour l'afficher.
Parce que j'utilise souvent Chrome au travail console.logLorsque vous cliquez sur un objet dans le débogueur, le contenu à l'intérieur est fondamentalement le même, mais en surface, on peut voir que les résultats avant et après sont différents
Cependant, si vous cassez le ; pointez et déboguez, vous constaterez cela avant le changement, et c'est différent après cela.
Photo ci-dessus

Comme +0
Ajouter une réponse
習慣沉默
習慣沉默2017-06-15 09:24:41 2 plancher

Ce n'est pas pareil. Je viens de copier votre code directement et c'est toujours le même après l'avoir exécuté~
Après l'avoir ajouté, le a après l'ajout est évidemment 1 de plus

Comme +0
Ajouter une réponse
Peter_Zhu
Peter_Zhu2017-06-15 09:24:41 1 plancher

Voici une solution légère :

console.log(JSON.stringify(data, null, 2))

C'est tout.

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！