Vue: .once tidak cocok dengan .self

Dibuat pada 2 Feb 2017 · 6Komentar · Sumber: vuejs/vue

Pertimbangkan elemen berikut:

<div @click.self.once="eat">Eat <span>me</span></div>

Jika kita mengklik kata "Makan", semuanya bekerja seperti yang diharapkan. Acara ini dipecat sekali dan kami senang.

Tetapi jika kita mengklik "saya", yang merupakan simpul anak, dan kemudian kita mengklik "Makan", acara tersebut tidak akan pernah dijalankan! Sepertinya .once terlalu mudah untuk menilai acara yang dipecat.

Saya pikir .once harus menandainya sebagai selesai hanya jika sebenarnya telah dipecat.

bug

Sumber

powelski

Semua 6 komentar

Terima kasih telah mengajukan masalah ini. Harap ikuti Panduan Pelaporan Masalah dan berikan JSFiddle atau JSBin minimal yang berisi serangkaian langkah yang dapat direproduksi yang dapat mengarah pada perilaku yang Anda jelaskan.

Mengapa ini diperlukan?

yyx990803 pada 2 Feb 2017

Hai,

Saya bukan OP tapi saya pikir saya berhasil mereproduksi masalah yang dia maksud. Saya melampirkan JSFiddle di bawah untuk ilustrasi.

JSFiddle

Mengklik pada kata 'Makan' berfungsi seperti yang diharapkan: acara dipicu dan data buah diperbarui.
Jika kita memuat ulang JSFiddle dan mengklik elemen anak span 'me', lalu pada 'Eat', data buah tidak diperbarui.

Semoga ini membantu.

ghost pada 2 Feb 2017

@boristhuy Terima kasih telah menyediakan JSFiddle. Inilah yang saya maksud.

powelski pada 2 Feb 2017

Ini pasti bug. Saat ini pegangan acara akan dihapus setelah masuk, sebenarnya tidak dipanggil karena pemeriksaan pengubah.

Mungkin kita perlu memperbarui kode once untuk mendukungnya.

Suka

(function(){
  var called = false;
  return function($events){
    // modifiers check
    // called check
    if (called)return;
    called = true;
    // handler code
  }
})()

defcc pada 6 Feb 2017

👍1

Adapun once digunakan dalam fungsi render, itu akan membawa perubahan yang merusak. Saya mencoba mencari cara untuk memperbaiki masalah ini.

[wip] perbarui once genCode untuk template.
[selesai] untuk once digunakan dalam fungsi render on: {'~click': handle} , pertahankan strategi lama.
[selesai] ada bug di updateListeners untuk kasus di bawah ini:
lama: '~click': handle
baru: 'click': handle2

defcc pada 7 Feb 2017

👍1

@defcc Saya memperbaikinya dengan mengembalikan nilai khusus dari penangan yang dicegah dari eksekusi. Ini mungkin tidak mengatasi bug (3) yang Anda sebutkan, tapi mari kita tangani dalam PR terpisah jika perlu.

yyx990803 pada 14 Feb 2017

Apakah halaman ini membantu?

0 / 5 - 0 peringkat