element下拉按钮事件

element实现下拉菜单出来按钮 且每个按钮都有其相对应的事件，废话不多说、上代码

1、HTML 部分

<el-table-column :label="操作" align="center" class-name="small-padding ">
<template slot-scope="{row}">
<el-dropdown @command="handleCommand(row,$event)">
<span class="el-dropdown-link">其他操作<i class="el-icon-arrow-down el-icon--right" /></span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="handleUpdate">编辑</el-dropdown-item>
<el-dropdown-item v-if="row.status==-1" command="handleEnabled">启用</el-dropdown-item>
<el-dropdown-item v-if="row.status==1" command="handleDisabled">禁用</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</template>
</el-table-column>

2、Script 部分

//事件方法
handleCommand(row, command) {
switch (command) {
case "handleUpdate":
this.handleUpdate(row);
break;
case "handleEnabled":
this.handleEnabled(row);
break;
case "handleDisabled":
this.handleDisabled(row);
break;
}
},
//按钮事件方法....此处省略
handleUpdate() {},
handleEnabled() {},
handleDisabled() {},

最后

以上就是文艺嚓茶为你收集整理的element下拉按钮事件的全部内容，希望文章能够帮你解决element下拉按钮事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。