如何在Svelte中创建上下文相关的右键单击菜单？

问题描述

我发现this example在svelte中创建了一个右键单击菜单，效果很好。它使用svelte：body绑定在整个文档主体上。

我想拥有的只是右键单击菜单，仅在特定组件的上下文中，例如步骤列表，在菜单中，我可以执行诸如“在列表中之前将所有项目标记为之前”或“在当前步骤之后将所有项目标记为红色”之类的操作。

解决方法

好的，我必须在Step组件本身中定义上下文菜单才能使它起作用。

这是我的解决方法：https://svelte.dev/repl/16c8a02ebaa9425a9cbbfd66feea1a9e?version=3.29.0