Cara menggunakan kaedah .preventDefault() untuk menghalang peristiwa klik butang
P粉254077747
P粉254077747 2023-09-01 20:04:07
0
2
440

Memandangkan tutorial inihttps:// vuejs. org/guide/essentials/event-handling.html#accessing-event-argument-in-in-line-handlers

Dalam kod yang ditunjukkan di bawah, saya memanggil .preventDefault Atau dengan kata lain, saya menjangkakan bahawa sebaik sahaja .preventDefault dipanggil, butang itu tidak lagi boleh diklik kerana dari pemahaman saya, .preventDefault .

Tetapi apa yang berlaku ialah butang itu masih boleh diklik, seolah-olah .preventDefault

Sila beritahu saya cara menggunakan .preventDefault untuk melumpuhkan klik butang.

Kod:

  import {ref} daripada 'vue' eksport lalai { nama: 'App', komponen: { Hai dunia } }   const warn = (msg,DOMEvent) => console.log("amaran:",msg," acara:",DOMEvent); DOMEvent.preventDefault() } 

P粉254077747
P粉254077747

membalas semua (2)
P粉002023326

preventDefault berguna dalam situasi berikut:

  • Halang penyerahan borang apabila mengklik butang "Serah"
  • Halang pautan daripada melompat ke URL apabila anda mengklik padanya

Untuk melumpuhkan butang dalam kes anda, anda boleh menggunakan:

const warn = (msg,DOMEvent) => { DOMEvent.srcElement.disabled = true; }
    P粉726234648

    preventDefault()不会禁用按钮,但会阻止其默认操作,主要在SubmitAnda akan perasan semasa operasi.
    Untuk melumpuhkan butang pada klik anda perlu melakukan sesuatu seperti ini:

      
      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!