vue开发----关于阻止浏览器右键显示的方法

一、在HTML元素中使用  .prevent

<!--不阻止右键菜单(浏览器行为)，右键执行函数show-->
<div @contextmenu="show()"></div>

<!--阻止右键菜单-->
<div @contextmenu.prevent></div>

<!--阻止右键菜单(浏览器行为)，右键执行函数show-->
<div @contextmenu.prevent="show1()"></div>

二、使用监听事件的 .preventDefault() 方法

<template>
    <div @contextmenu="show(event)"></div>
</template>

<script>
    export default {
        name: 'test',
        methods: {
            show (event) {
                // 此处可以使用判断条件控制是否需要阻止右键
               event.preventDefault(); 
            }
        }
    }
</script>