elementui command传参数

在ElementUI中，Command事件默认只能传递一个参数，即你每个下拉选项`<el-dropdown-item>`中设定的`command`的值。如果你需要传递多个参数，可以通过动态设置每个`<el-dropdown-item>`中`command`的值来实现。你可以使用`:command`绑定一个方法，然后在这个方法中返回一个包含多个参数的对象作为新的`command`对象。示例代码如下：

<el-dropdown @command="handleCommand">
  <span class="el-dropdown-link">
    添加条件
    <i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item :command="beforeHandleCommand(index, 'a')">大于*值</el-dropdown-item>
    <el-dropdown-item :command="beforeHandleCommand(index, 'b')">小于*值</el-dropdown-item>
    <el-dropdown-item :command="beforeHandleCommand(index, 'c')">区间</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

在上述代码中，我们通过`:command="beforeHandleCommand(index, 'a')" `绑定了一个方法`beforeHandleCommand`，并将`index`和`'a'`作为参数传递给该方法。在`beforeHandleCommand`方法中，你可以根据需要返回一个包含多个参数的对象。示例代码如下：

beforeHandleCommand(index, command) {
  return {
    'index': index,
    'command': command
  };
},

在`handleCommand`方法中，你可以根据传递过来的`command`对象的属性进行相应的处理。例如，可以通过`command.index`获取传递过来的角标值。示例代码如下：

handleCommand(command) {
  switch (command.command) {
    case "a":
      // 处理大于*值的逻辑
      break;
    case "b":
      // 处理小于*值的逻辑
      break;
    case "c":
      // 处理区间的逻辑
      break;
  }
},

通过这种方式，你就可以实现在Command事件中传递多个参数了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>