vue鼠标右击事件@contextmenu.prevent

需求：阻止浏览器默认事件，添加自定义事件

<div @contextmenu.prevent="rightClick"></div>

自定义事件：

methods:{ 
    rightClick () {
        console.log("鼠标右击事件")
    },
}

完整版

<template>
<div style="width:200px;height:200px;border:1px solid red" @contextmenu.prevent="rightClick"></div>
</template>
<script>
export default{
  methods:{
    rightClick (MouseEvent) {
        console.log("鼠标右击事件",MouseEvent)
    },
  }
}
</script>