2016-04-14 13 views
6

मैं इन Vue ईवेंट हैंडलर्स पता:Vue जे एस: राइट क्लिक करें घटना के निर्देश

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

क्या हैंडलर/निर्देश हो सकता है पता लगाने के लिए एक राइट क्लिक करें? वू ट्री व्यू में एक कस्टम संदर्भ मेनू को लागू करने की आवश्यकता है।

धन्यवाद।

उत्तर

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 = "..." 'का उपयोग करें' रोकथाम 'रोकथाम' –

संबंधित मुद्दे