简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Wie binde ich mehrere Klicks mit unterschiedlichen Modifikatoren in Vue?
巴扎黑
巴扎黑 2017-05-19 10:44:42
0
2
555
<input v-on:click.ctrl="SelectedMultiple(item.id)" v-on:click="Selected(item.id)" />

如上  我想实现的是 按住ctrl的时候多选 
但是在触发SelectedMultiple之后会再次触发Selected事件
这个该如何解决呢？
巴扎黑
巴扎黑

Antworte allen(2)
小葫芦
小葫芦2017-05-19 10:46:42 2 Etage

每一个v-on会有一个独立的handler，事件触发的时候是放到一个数组里依次执行的
互相之间并不会影响，@click.ctrl不能阻止@click的执行
所以只能在@click对$event做判断来过滤掉按了ctrl的事件

<input @click.ctrl="SelectedMultiple(item.id)" 
@click="!$event.ctrlKey && Selected(item.id)" />
Wie +0
Antwort hinzufügen
黄舟
黄舟2017-05-19 10:46:42 1 Etage

应该有一个键盘事件

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！