Heim  >  Artikel  >  Web-Frontend  >  So verhindern Sie, dass Klickereignisse in Vue sprudeln

So verhindern Sie, dass Klickereignisse in Vue sprudeln

亚连
亚连Original
2018-06-07 11:12:104447Durchsuche

Im Folgenden werde ich Ihnen eine Methode vorstellen, mit der Sie verhindern können, dass Klickereignisse in Vue sprudeln und ein weiteres Ereignis auslösen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Verwenden Sie Vue, um zu verhindern, dass das Klickereignis von untergeordneten Elementen sprudelt. Verwenden Sie stop

<p @click="test1()"> 
   <span @click.stop="test2()">按钮1</span> 
   <span>按钮2</span> 
</p>

, um auf die Schaltfläche 1 in p und die p-Bindungszeit-Methode test1() zu klicken wird nicht ausgelöst.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

JavaScript-Funktionsprinzip

Alles auswählen und Auswahl in Vue umkehren

Detaillierte Erklärung der Verwendung von Jest zum Testen nativer React-Komponenten

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass Klickereignisse in Vue sprudeln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn