Rumah > hujung hadapan web > View.js > teks badan

Apakah pengubahsuai acara dalam vue

下次还敢
Lepaskan: 2024-05-02 22:46:02
asal
1220 orang telah melayarinya

Pengubah suai acara Vue: 1. berhenti: elakkan acara daripada menggelegak. 2. mencegah: Menghalang tingkah laku acara lalai. 3. tangkapan: Tangkap peristiwa dalam fasa tangkapan. 4. diri: Tercetus hanya apabila peristiwa itu berlaku pada elemen itu sendiri. 5. sekali: Acara dicetuskan sekali sahaja, dan kemudian pendengar dialih keluar. 6. Pasif: Tidak menghalang penatalan halaman atau interaksi UI. 7. malas: Tangguhkan penciptaan pendengar sehingga elemen itu ditambahkan pada DOM. 8. debounce: mencetuskan acara sekali sahaja dalam masa yang ditetapkan (contohnya, @click.debounce.500). 9. pendikit: mencetuskan acara sekali sahaja dalam selang masa yang ditentukan (contohnya, @c

Apakah pengubahsuai acara dalam vue

Vue pengubah suai acara

stop

  • mencegah kejadian daripada kejadian, menghalang daripada kejadian, menghalang kejadian daripada kejadian, menghalang kejadian daripada kejadian merambat ke atas.
  • Format: @click.stop@click.stop

prevent

  • 阻止默认事件行为,例如表单提交或链接跳转。
  • 格式:@click.prevent

capture

  • 在捕获阶段捕获事件,而不是在冒泡阶段。捕获阶段是指事件从目标元素向上传播到文档根元素时触发的阶段。
  • 格式:@click.capture

self

  • 仅当事件发生在元素自身上时才触发,而不是其子元素上。
  • 格式:@click.self

once

  • 事件只触发一次,然后自动移除事件监听器。
  • 格式:@click.once

passive

  • 告诉浏览器不要阻止页面滚动或其他用户界面交互。
  • 格式:@scroll.passive

lazy

  • 延迟事件监听器创建,直到相关元素加入 DOM 时再创建。
  • 格式:@click.lazy

debounce

  • 在指定时间内只会触发一次事件,即使事件短时间内多次触发。
  • 格式:@click.debounce.500,其中 500 是毫秒数。

throttle

  • 在指定时间间隔内只触发一次事件,即使事件在此时间间隔内多次触发。
  • 格式:@click.throttle.500
🎜halang🎜🎜🎜🎜Halang kelakuan acara lalai, seperti penyerahan borang atau lompat pautan. 🎜🎜@Format klik. mencegah🎜🎜🎜🎜capture🎜🎜🎜🎜Tangkap peristiwa dalam fasa tangkapan, bukan dalam fasa menggelegak Fasa tangkapan ialah fasa yang dicetuskan apabila peristiwa itu merambat ke atas dari elemen sasaran ke elemen akar dokumen . 🎜🎜Format: @. click.capture🎜🎜🎜🎜self🎜🎜🎜🎜 hanya dicetuskan apabila peristiwa berlaku pada elemen itu sendiri, bukan pada elemen anaknya 🎜🎜Format: @click.self 🎜🎜🎜🎜sekali🎜🎜🎜🎜Acara hanya dicetuskan sekali, dan kemudian pendengar acara dialih keluar secara automatik 🎜🎜Format: @click.once🎜🎜🎜 🎜pasif🎜🎜🎜🎜 Beritahu penyemak imbas supaya tidak menghalang penatalan halaman atau interaksi antara muka pengguna yang lain 🎜🎜Format: @scroll.pasif🎜🎜🎜🎜Lazy🎜🎜🎜🎜🎜. elemen yang berkaitan ditambah pada DOM 🎜🎜 Format: @click.lazy🎜🎜🎜🎜debounce🎜🎜🎜🎜Acara hanya akan dicetuskan sekali dalam masa yang ditetapkan, walaupun acara itu dicetuskan beberapa kali dalam tempoh masa yang singkat 🎜🎜Format: @click .debounce.500, dengan 500 ialah bilangan milisaat 🎜🎜🎜🎜throttle🎜🎜🎜🎜Mematikan acara hanya sekali. walaupun acara menyala beberapa kali dalam selang waktu ini 🎜🎜Format: @click.throttle.500, dengan 500 ialah bilangan milisaat 🎜🎜.

Atas ialah kandungan terperinci Apakah pengubahsuai acara dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan