右键菜单

基础用法

在此右键打开菜单

在 github 中打开

展开代码

复制代码

<script setup>
import { ref } from 'vue'

const section = ref(null)
</script>

<template>
  <div ref="section" class="w-full h-400px rounded-md bg-primary p-4 text-center text-size-18px line-height-400px">
    在此右键打开菜单
  </div>

  <ol-context-menu :target="section">
    <ol-context-menuItem>复制</ol-context-menuItem>
    <ol-context-menuItem>粘贴</ol-context-menuItem>
    <ol-context-menuItem>剪切</ol-context-menuItem>
    <ol-context-menuItem>删除</ol-context-menuItem>
  </ol-context-menu>
</template>

属性

属性名	说明	类型	默认值
target	菜单目标	HTMLElement	-