Wie binde ich mehrere Klicks mit unterschiedlichen Modifikatoren in Vue?

Question

<input v-on:click.ctrl="SelectedMultiple(item.id)" v-on:click="Selected(item.id)" />

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

Answer 1

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

<input @click.ctrl="SelectedMultiple(item.id)" 
@click="!$event.ctrlKey && Selected(item.id)" />

Answer 2

应该有一个键盘事件