Вьет JS: правая кнопка мыши директивы события

Question

Я знаю, что эти обработчик событий ви:

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

Что может быть обработчик/директивы для обнаружения правой кнопки мыши? Необходимо реализовать пользовательское контекстное меню в представлении Vue Tree.

Спасибо.

Answer 1

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

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

@contextmenu будет делать трюк. preventDefault должен избегать отображения контекстного меню по умолчанию.

S horter как indincated в комментарии:

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

Теперь модификатор prevent заботится предотвращающий поведение по умолчанию.