如何将Vue自定义右键样式代码改写为长尾？

本文共计1241个文字，预计阅读时间需要5分钟。

最近用Python写了个小故事程序的API，想着用Vue做个系统管理数据，脑中浮现的是这个画面：但这类管理后台已经做得太多了，审美疲劳，后面又想尝试一种类操作系统的管理后台。

最近用python写了个小说程序的api，想着用 vue 做个系统管理数据，脑子里出现的是这个画面：

但是这种样式的管理后台已经做了太多了，已经审美疲劳，后面又想了一种类操作系统的UI界面:

主要是靠 双击 和 右键 来操作，可操作多个模态框，跟操作 windows 类似，接下来在里面拆出一个功能块来写一篇文章，就是 自定义系统默认的右键 。

自定义右键操作有五个步骤： 阻止 默认右键。 获取当前右键点击时的 x / y 坐标，及 id 。 自定义右键菜单样式及内容，定位在指定的位置后显示。 返回对应点击目录的事件如: 查看 、 删除 、 编辑 。 在任何地方点击左键时 隐藏右键菜单 。