Vue: Acara khusus:<child v-on:child-msg="handleIt"/>

Dibuat pada 18 Jun 2016  ·  3Komentar  ·  Sumber: vuejs/vue

Versi Vue.js

1.0.25

Tautan Reproduksi

https://jsfiddle.net/oL5qyky9/

Langkah-langkah untuk mereproduksi

Tekan tombol acara pengiriman

Apa yang Diharapkan?

alert('menanganinya')

Apa yang sebenarnya terjadi?

alert('handleIt tidak berjalan');

Setelah Anda mengubahnya dari childMsg kembali ke child-msg ia berperilaku seperti yang diharapkan.

Komentar yang paling membantu

Karena Anda mengubah child-msg dalam contoh menjadi childMsg . Perhatikan saat menggunakan v-on dalam template, nama acara akan diubah menjadi huruf kecil oleh browser. Ini adalah bagian dari pembatasan parsing template 1.x, jadi hindari penggunaan huruf besar dalam nama event di 1.x.

2.0 tidak memiliki batasan ini.

Semua 3 komentar

Menghapus 'events obj' dari induk berhasil:

https://jsfiddle.net/oL5qyky9/2/

Saya pikir acara obj dengan kunci 'pesan-anak' adalah 'menimpa' metode yang diikat dalam templat.

Karena Anda mengubah child-msg dalam contoh menjadi childMsg . Perhatikan saat menggunakan v-on dalam template, nama acara akan diubah menjadi huruf kecil oleh browser. Ini adalah bagian dari pembatasan parsing template 1.x, jadi hindari penggunaan huruf besar dalam nama event di 1.x.

2.0 tidak memiliki batasan ini.

Ahh masuk akal. Terima kasih teman-teman.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat