2016-04-14 176 views
6

我知道這些VUE事件處理程序:Vue公司JS:右鍵單擊事件指令

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

可能是什麼處理器/指令來檢測單擊鼠標右鍵? 需要在Vue樹視圖中實現自定義上下文菜單。

謝謝。

回答

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

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

@contextmenu將做的伎倆。 preventDefault是爲了避免顯示默認的上下文菜單。

小號horter,如indincated的評論:

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

現在prevent修改負責防止默認行爲。

+7

使用'@ contextmenu.prevent =「...」'讓Vue處理'preventDefault' –