elementui command

以下是关于 Element UI 中 command 属性的相关说明和使用方法：

command 属性用途

command 属性通常用于 Element UI 的 el-dropdown 或 el-menu 组件中，用于标识菜单项或下拉选项的唯一命令。当用户点击菜单项时，会触发相应的事件，并通过 command 传递该标识值。

下拉菜单 (el-dropdown) 示例

在 el-dropdown-item 中设置 command，点击时会触发 dropdown 的 command 事件。

<el-dropdown @command="handleCommand">
  <span class="el-dropdown-link">
    下拉菜单<i class="el-icon-arrow-down"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item command="action1">操作一</el-dropdown-item>
    <el-dropdown-item command="action2">操作二</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

methods: {
  handleCommand(command) {
    if (command === 'action1') {
      console.log('执行操作1');
    } else if (command === 'action2') {
      console.log('执行操作2');
    }
  }
}

导航菜单 (el-menu) 示例

在 el-menu-item 中设置 command，结合 default-active 和 select 事件使用。

<el-menu :default-active="activeMenu" @select="handleMenuSelect">
  <el-menu-item index="home" command="dashboard">首页</el-menu-item>
  <el-menu-item index="user" command="profile">用户管理</el-menu-item>
</el-menu>

data() {
  return {
    activeMenu: 'home'
  };
},
methods: {
  handleMenuSelect(index, indexPath, command) {
    console.log('选中菜单命令:', command);
  }
}

注意事项

• command 的值可以是字符串、数字或对象，具体根据业务需求定义。
• 在事件处理函数中，command 会作为参数传递，便于区分不同的操作项。
• 若未显式设置 command，默认会使用 index 或 indexPath 作为标识。