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

  • 实现类似功能

使用element-ui组件实现下拉菜单显示与折叠,并触发函数_第1张图片

  • 关键代码
<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>
  • 处理函数省略

你可能感兴趣的:(element-ui,vue.js)