Vue JS: Rechtsklick Ereignis Richtlinie

Question

Ich kenne diese vue Event-Handler:

@click : mouse left-click 
@dblclick : mouse double click 

Was den Handler/directive einen Rechtsklick zu erkennen sein könnte? Sie müssen ein benutzerdefiniertes Kontextmenü in der Vue-Strukturansicht implementieren.

Danke.

Answer 1

<button @contextmenu="handler($event)">r-click</button> 

methods : { 
    handler: function(e) { 
     //do stuff 
     e.preventDefault(); 
    } 
} 

@contextmenu wird den Trick tun. Das preventDefault soll vermeiden, das Standardkontextmenü anzuzeigen.

S Horter, wie im Kommentar indincated:

<button @contextmenu.prevent="handler">r-click</button> 

Nun ist der prevent Modifikator kümmert Standardverhalten zu verhindern.