使用element-ui组件实现下拉菜单显示与折叠，并触发函数

最新推荐文章于 2023-11-11 11:03:26 发布

得得得！

最新推荐文章于 2023-11-11 11:03:26 发布

阅读量1.3k

点赞数

分类专栏： element-ui 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_40950903/article/details/106524539

版权

element-ui 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

实现类似功能

在这里插入图片描述

关键代码

<el-table>
    <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
        <template slot-scope="scope">
             <el-dropdown size="small">
                  <span style=" font-size: 12px; color: #17B3A3;">
                     更多
                  </span>
                  <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item @click.native="doUpgrade(scope.row.deviceid)">升级</el-dropdown-item>
                      <el-dropdown-item @click.native="doReboot(scope.row.deviceid)">重启</el-dropdown-item>
                      <el-dropdown-item @click.native="pubScript(scope.row.id)">删除</el-dropdown-item>
                  </el-dropdown-menu>
          </el-dropdown>
        </template>
    </el-table-column>
</el-table>