树形控件右击菜单事件

最新推荐文章于 2023-09-06 21:08:55 发布

小来码呀码

最新推荐文章于 2023-09-06 21:08:55 发布

阅读量1.2k

点赞数

文章标签： javascript vue.js 前端前端框架 node.js

本文链接：https://blog.csdn.net/lmf13992427957/article/details/124153057

版权

本文介绍了如何在Vue.js中为懒加载的树形控件添加右键菜单事件。首先，将右键菜单绑定到树形控件上，接着通过接口获取数据来构建树形结构。然后，初始化并加载树形控件，点击组织机构时切换ID并展开。同时，实现了点击三角形图标展开组织机构的功能。最后，详细说明了如何绑定右键事件并展示了右击菜单的实现效果。

摘要由CSDN通过智能技术生成

1.将右键菜单绑到懒加载树形控件上

  <div class="orgTree-cont">
      <div class="drawer-bootom-button">
        <a-dropdown :trigger="['contextmenu']">//右击触发事件
          <a-menu slot="overlay">
            <a-menu-item v-if="foolr.ifTeam === '1'" key="1" @click="addTeamDialog(1)">
              <a-icon type="plus-circle" theme="twoTone"></a-icon>
              增加团队
            </a-menu-item>

            <a-menu-item v-if="foolr.ifAdd === '1' " key="2" @click="addNextNode(2)">
              <a-icon type="plus-circle" theme="twoTone"></a-icon>
              增加下层节点
            </a-menu-item>
            <a-menu-item v-if="foolr.ifPeople === '1'" key="3" @click="addPersontNode(3)">
              <a-icon type="plus-circle" theme="twoTone"></a-icon>
              增加个人
            </a-menu-item>
            <a-menu-item v-if="foolr.ifEdit === '1'" key="4" @click="updateNode(4)">
              <a-icon type="edit" theme="twoTone"></a-icon>
              修改节点
            </a-menu-item>
            <a-menu-item v-if="foolr.ifRemove === '1'" key="5" @click="unBundleBox(5)">
              <a-ico

最低0.47元/天解锁文章