vue el-tree 添加鼠标右键菜单

最近实现了一个功能：点击 el-tree 某一行，鼠标右键出现菜单，点击相应的菜单可进行对应的操作。

基础布局代码：

      <div class="dev-type-main-left">
        <!--鼠标右键菜单栏 -->
        <div v-show="showRightMenu">
          <ul id="menu"
              class="right-menu">
            <li class="menu-item"
                @click="addDevHandle">
              {
   {
   $t('common.add')}}
            </li>
            <li class="menu-item"
                @click="editDevHandle">
              {
   {
   $t('common.edit')}}
            </li>
            <li class="menu-item"
                @click="delDevHandle"