<el-menu中的 @select应该如何使用

`<el-menu>` 组件是基于 Element UI 的菜单组件，`@select` 是 `<el-menu>` 组件的一个事件。

当菜单被选中时，会触发 `@select` 事件，你可以在组件中使用 `@select` 来监听这个事件，然后在回调函数中执行一些操作。

例如：

<template>
  <div>
    <el-menu @select="handleSelect">
      <el-menu-item index="1">菜单一</el-menu-item>
      <el-menu-item index="2">菜单二</el-menu-item>
      <el-menu-item index="3">菜单三</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  methods: {
    handleSelect(index) {
      console.log("选中了菜单项：" + index);
    },
  },
};
</script>

在这个例子中，`@select="handleSelect"` 将 `handleSelect` 方法绑定到 `@select` 事件上。当菜单被选中时，`handleSelect` 方法会被调用，参数 `index` 表示被选中的菜单项的唯一标识符。在这个例子中，我们简单地将选中的菜单项的标识符输出到控制台。