Vue JS: tasto destro del mouse direttiva evento

Question

So che questi gestori di eventi vue:

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

Quale potrebbe essere il gestore/direttiva Per rilevare un clic destro? È necessario implementare un menu di scelta rapida personalizzato nella visualizzazione Vue Tree.

Grazie.

Answer 1

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

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

@contextmenu farà il trucco. preventDefault evita di mostrare il menu di scelta rapida predefinito.

S Horter, come indincated nel commento:

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

Ora il modificatore prevent si prende cura la prevenzione comportamento predefinito.