el-table操作显示图标，鼠标移入显示弹窗_el-table-column 表头添加鼠标滑动弹框

1、效果图

2、代码

       operatingMenuclick是弹窗的回调函数

            <el-table-column prop="address" label="操作">
              <template slot-scope="scope">    
                <el-dropdown
                  class="dropdown"
                  trigger="hover"
                  placement="right-start"
                  @command="
                    (command) => {
                      operatingMenuclick(command, scope.row);
                    }
                  "
                >
                  <!-- 这里是显示的图标 -->
                  <div class="operating-button">
                    <img
                      class="button-icon"
                      src="@/assets/icons/personalSpace/ic_more_grey@2x.png"
                      alt="加载失败!"
                    />
                  </div>
                  <el-dropdown-menu slot="dropdown">
                    <!-- jurisdiction等于1、2、3的时候显示 -->
                    <el-dropdown-item
                      v-if="['3', '2', '1'].includes(scope.row.jurisdiction)"
                      command="0"
                    >
                      <span class="text">下载</span>
                    </el-dropdown-item>
                    <el-dropdown-item
                      v-if="['3', '2', '1'].includes(scope.row.jurisdiction)"
                      command="1"
                    >
                      <span class="text">转发到薪友</span>
                    </el-dropdown-item>
                    <el-dropdown-item
                      v-if="['3', '2', '1'].includes(scope.row.jurisdiction)"
                      command="2"
                    >
                      <span class="text">详细信息</span>
                    </el-dropdown-item>
                    <el-dropdown-item
                      command="3"
                    >
                      <span class="text">重命名</span>
                    </el-dropdown-item>
                    <el-dropdown-item
                      command="4"
                    >
                      <span class="text">收藏</span>
                    </el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </template>
            </el-table-column>

3、弹窗的回调函数

    operatingMenuclick(e, row) {
      switch (e) {
        case "0":
          console.log(e,'下载')
          break;
        case "1":
          console.log(e,'转发到薪友')
          break;
        case "2":
          
          break;
        case "3":
          
          break;
        case "4":
          
          break;
      }
    },