<dy-contextmenu>
Example
Loading...
<dy-button @click=${(e)=>{customElements.get('dy-contextmenu').open([{text:'新增',},{text:'编辑',},{text:'---',},{text:'删除',danger:true,},],{activeElement:e.target});}}> 打开上下文菜单 </dy-button>
import { ContextMenu } from 'duoyun-ui/elements/contextmenu';
const onClick = (e: MouseEvent) => {
ContextMenu.open(
[
{
text: '新增',
},
{
text: '编辑',
},
{
text: '---',
},
{
text: '删除',
danger: true,
},
],
{ activeElement: e.target },
);
};API
DuoyunContextmenuElement
Extends TapContextmenuElement
DuoyunContextmenuElement Static Methods
| Method | Type |
|---|---|
confirm |
(text: string | TemplateResult, options: ContextMenuOptions & { danger?: boolean; okText?: string | TemplateResult; }) => Promise<unknown> |
TapContextmenuElement
Shadow DOM; Extends GemElement
TapContextmenuElement Static Properties
| Property | Type |
|---|---|
instance |
TapContextmenuElement | undefined |
TapContextmenuElement Static Methods
| Method | Type |
|---|---|
open |
(contextmenu: MenuOrMenuObject, options?: ContextMenuOptions) => Promise<void> |
close |
() => void |
