<template>
	<--容器样式-->
    <div id="app" style="width: 300px; height: 200px; border: 1px solid royalblue;">
        <--右击菜单样式与作用域-->
        <ContextMenu scope="app" style="width: 100px; height: 20px; background: yellow;">
          <--右击菜单内容--->
        </ContextMenu>
  </div>
</template>

<script>
    import ContextMenu from '@/components/ContextMenu.vue';
    export default {
      components: {
        ContextMenu,
      },
      mounted() {
        // 手动关闭默认右击点击事件
        document.oncontextmenu = function () {
          return false
        }
      }
    }
</script>