资讯专栏INFORMATION COLUMN

Vue2的右键弹出菜单(vue-contextmenu)

wangym / 1175人阅读

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

给大家推荐一个基于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
          }
        ]

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

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

相关文章

  • Vue2的右弹出菜单vue-contextmenu

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

    AWang 评论0 收藏0
  • 使用iView的Dropdown实现一个右键菜单

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

    sihai 评论0 收藏0
  • 全国大学生软件测试大赛web性能测试

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

    MSchumi 评论0 收藏0

发表评论

0条评论

wangym

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<