如何使用element-ui打开元素菜单？

<template>
  <div>
    <el-menu>
      <!-- 菜单项 -->
    </el-menu>
  </div>
</template>

<template>
  <div>
    <el-menu>
      <el-submenu index="1">
        <template slot="title">菜单1</template>
        <el-menu-item index="1-1">子菜单1-1</el-menu-item>
        <el-menu-item index="1-2">子菜单1-2</el-menu-item>
      </el-submenu>
      <el-menu-item index="2">菜单2</el-menu-item>
    </el-menu>
  </div>
</template>

<template>
  <div>
    <el-menu>
      <el-menu-item index="1" @click="handleMenuClick">菜单1</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  methods: {
    handleMenuClick() {
      // 执行菜单项点击后的操作
    }
  }
}
</script>

<style>
@import 'element-ui/lib/theme-chalk/index.css';
</style>