el-submenu的点击事件如何写

在Element UI库中，`el-submenu` 是一个下拉菜单组件，通常作为 `el-menu` 的子项存在。如果你想监听它的点击事件，你可以通过设置 `click` 事件处理器来实现。下面是一个基本的例子：

<template>
  <el-menu default-active="1" @submenu-click="handleSubmenuClick">
    <el-submenu :index="0">
      <template slot="title">菜单一</template>
      <el-menu-item index="1">子菜单1</el-menu-item>
      <el-menu-item index="2">子菜单2</el-menu-item>
    </el-submenu>
    <!-- 更多其他菜单项... -->
  </el-menu>
</template>

<script>
export default {
  methods: {
    handleSubmenuClick(submenu) {
      console.log('点击了', submenu); // 这里会打印出被点击的子菜单的信息
      // 根据需要执行其他操作，如路由跳转、数据更新等
    }
  }
}
</script>

在这个例子中，`@submenu-click="handleSubmenuClick"` 绑定了自定义方法 `handleSubmenuClick`，当子菜单被点击时，这个方法会被调用，`submenu` 参数包含了被点击子菜单的相关信息。