Vue2的右键弹出菜单（vue-contextmenu）

wangym 发布于2019-08-20 18:12 / 1263人阅读

摘要：给大家推荐一个基于的右键弹出菜单插件，支持单一页面以及可以在循环绑定中使用。项目地址为在原有基础上进行了重构，支持节子菜单。效果图如下配置简单，可以像那样去配置一个来设置选项。例如图的配置项为选项选项选项选项选项选项选项选项

给大家推荐一个基于Vue2的右键弹出菜单插件，支持单一SPA页面以及可以在循环绑定中使用。

项目地址为：https://github.com/chiic/vue-...
在原有基础上进行了重构，支持N节子菜单。效果图如下

配置简单，可以像vue-router那样去配置一个options来设置选项。
例如图1的配置项为:

menulists: [
          {
            btnName: "选项1111111",
            icoName: "fa fa-home fa-fw",
            children: [
              {
                icoName: "fa fa-adn",
                btnName: "选项1-1",
                children: [
                  {
                    icoName: "fa fa-file",
                    children: [
                      {
                        icoName: "fa fa-android",
                        fnHandler: "Handler1",
                        btnName: "选项1-1-1"
                      }
                    ],
                    btnName: "选项1-1-1"
                  }
                ]
              }
            ]
          },
          {
            btnName: "选项2",
            children: [
              {
                fnHandler: "Handler5",
                btnName: "选项2-1"
              }
            ]
          },
          {
            btnName: "选项3",
            fnHandler: "Handler4"
          },
          {
            btnName: "选项4",
            disabled: true
          }
        ]

云服务器 GPU云服务器右键菜单右键菜单类 jquery右键菜单 js右键菜单

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84184.html

Vue2的右键弹出菜单（vue-contextmenu）

摘要：给大家推荐一个基于的右键弹出菜单插件，支持单一页面以及可以在循环绑定中使用。项目地址为在原有基础上进行了重构，支持节子菜单。效果图如下配置简单，可以像那样去配置一个来设置选项。例如图的配置项为选项选项选项选项选项选项选项选项给大家推荐一个基于Vue2的右键弹出菜单插件，支持单一SPA页面以及可以在循环绑定中使用。项目地址为：https://github.com/chiic/vue-...

AWang 2019-08-01 17:12 评论0 收藏0
使用iView的Dropdown实现一个右键菜单

摘要：前言前段时间在用做个项目，其中需要使用自定义的右键菜单，然后去官网找了一下，发现有个的组件，便想着能不能用来做个右键菜单的组件你可能需要对有一定的使用经验尝试的使用大概是这个样子下拉菜单驴打滚炸酱面豆汁儿冰糖葫芦北京烤鸭发现有个触发元素前言前段时间在用iView做个项目，其中需要使用自定义的右键菜单，然后去官网找了一下，发现有个Dropdown的组件，便想着能不能用来做个右键菜单的...

sihai 2019-08-23 17:17 评论0 收藏0
全国大学生软件测试大赛web性能测试

摘要：点击确定建议练习的时候，把这个提示框信息仔细看看奥阅读题目要求认真阅读性能测试文档。目录一.环境的准备 1.从比赛官网下载jmeter 2.解压后，启动二.答题 1.下载题目 2.阅读题目要求 3.录制脚本 4.完善和回放脚本 4.提交大赛官网运行，查看成绩 5）点击 mooc...

MSchumi 2021-10-12 10:11 评论0 收藏0