国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

So verwenden Sie die Methode .preventDefault(), um ein Schaltfl?chenklickereignis zu verhindern
P粉254077747
P粉254077747 2023-09-01 20:04:07
0
2
678
<p>Angesichts dieses Tutorials<a >https:// vuejs. org/guide/essentials/event-handling.html#accessing-event-argument-in-inline-handlers</a></p> <p>Im unten gezeigten Code rufe ich <code>.preventDefault</code> auf, um das normale Verhalten des Abbruchs des <code>click</code>-Ereignisses zu erwarten. Mit anderen Worten: Ich erwarte, dass die Schaltfl?che nach dem Aufruf von <code>.preventDefault</code> nicht mehr anklickbar ist, da <code>.preventDefault</code> meines Erachtens die normale Funktionalit?t der Schaltfl?che deaktiviert . </p> <p>Aber was passiert, ist, dass die Schaltfl?che immer noch anklickbar ist, als ob <code>.preventDefault</code> keine Wirkung h?tte. </p> <p>Bitte erkl?ren Sie mir, wie ich <code>.preventDefault</code> richtig verwende, um Schaltfl?chenklicks zu deaktivieren. </p> <p><strong>Code</strong>: </p> <pre class="brush:php;toolbar:false;"><template> <div> <button v-on:click="warn('msg',$event)">warn</button> </div> </template> <script> {ref} aus 'vue' importieren Standard exportieren { Name: 'App', Komponenten: { Hallo Welt } } </script> <Skript-Setup> const warn = (msg,DOMEvent) => console.log("warn:",msg," event:",DOMEvent); DOMEvent.preventDefault() } </script></pre></p>
P粉254077747
P粉254077747

Antworte allen(2)
P粉002023326

preventDefault在以下情況下非常有用:

  • 點(diǎn)擊“提交”按鈕時(shí),阻止表單的提交
  • 點(diǎn)擊鏈接時(shí),阻止鏈接跳轉(zhuǎn)到URL

在您的情況下禁用按鈕,您可以使用:

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

preventDefault()不會(huì)禁用按鈕,但會(huì)阻止其默認(rèn)操作,主要在Submit操作中會(huì)注意到。
要在點(diǎn)擊時(shí)禁用按鈕,你需要像這樣做:

<template>
  <div>
      <button :disabled="isDisabled" v-on:click="warn('msg',$event)">warn</button>     
</div>
</template>

<script> 
    import {ref} from 'vue' 

    export default {
      name: 'App',
      components: {
        HelloWorld
      }
}
</script>
 
<script setup> 
    const warn = (msg,DOMEvent) => {
      console.log("warn:",msg," event:",DOMEvent);
      //DOMEvent.preventDefault() //uncomment if needed
      this.isDisabled = true;
    }
</script>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage