简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Dalam vue, mengapa nilai output oleh console.log dipengaruhi oleh kenyataan selepas console.log, dan bagaimana untuk mengelakkan kesan ini
欧阳克
欧阳克 2017-06-15 09:22:41
0
4
1277

Dalam vue, mengapakah output nilai oleh console.log(a) dipengaruhi oleh pernyataan selepas console.log(a), dan cara mengelakkan kesan ini

Secara logiknya, nilai keluaran oleh console.log dua kali sepatutnya berbeza. Mengapa ia sama? Hanya dua nilai output tidak akan mengganggu antara satu sama lain

<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

membalas semua(4)
小葫芦
小葫芦2017-06-15 09:24:41 Tingkat 4

Ini ialah ciri kawalan nyahpepijat Apa yang dikeluarkan oleh console.log bukan petikan objek. Anda boleh mencubanya di konsol

Suka +0
Tambah Balasan
曾经蜡笔没有小新
曾经蜡笔没有小新2017-06-15 09:24:41 Tingkat 3

Pemahaman saya ialah a ini adalah tatasusunan seperti objek, ia mengakses alamat memori untuk dilihat.
Sebab saya sering menggunakan krom di tempat kerja console.logApabila objek diklik dalam penyahpepijat, kandungan di dalamnya pada asasnya sama, tetapi pada permukaan dapat dilihat bahawa keputusan sebelum dan selepas adalah berbeza
Namun, jika anda memecahkannya titik dan nyahpepijat, anda akan mendapati bahawa sebelum perubahan, dan Ia berbeza selepas itu.
Gambar di atas

Suka +0
Tambah Balasan
習慣沉默
習慣沉默2017-06-15 09:24:41 Tingkat 2

Ia tidak sama, saya hanya menyalin kod anda secara terus, dan ia masih sama selepas menjalankannya~
Selepas menambah, a jelas satu lagi

Suka +0
Tambah Balasan
Peter_Zhu
Peter_Zhu2017-06-15 09:24:41 Tingkat 1

Berikut ialah penyelesaian yang mudah dan menyeronokkan:

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

Itu sahaja.

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！