ElementUI中el-dropdown传入多参数代码实现方法

本篇文章小编给大家分享一下ElementUI中el-dropdown传入多参数代码实现方法，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

利用el-dropdown做一个下拉按钮（把多个按钮整合到了一起，下拉实现）

但是ElementUi官方文档中的handleCommand方法只允许接入一个参数，这个参数用于触发你选择的是哪一个选项。而我们实际中还需要传入一个当前行数（如果和我一样，也是用table显示数据的话）的对象进去，后面要使用这个对象的某些字段传给后台进行一些增删改查的操作。

ElementUi官方文档中el-dropdown的样例如下：

  
    下拉菜单
  
  
    黄金糕
    狮子头
    螺蛳粉
    双皮奶
    蚵仔煎
  

我们必须在执行handleCommand方法之前，对这个command参数进行重新封装成一个对象，使其内部包含我们想要的数据方便后面调用。

代码如下：

因为我们是写在表格里的，所以需要一个插槽，具体的根据实际情况进行修改。给标签的command属性绑定一个方法，这个方法就可以传入我们想要的参数，然后利用这个方法封装成一个对象，再将这个对象传入handleCommand方法。