I might try to tackle it myself, but I would like some insight.

• Is it something that you would like to see integrated ?
• How would you tackle the switch between a and button tag ? Might be a boolean props button , might also be a props href

We could work on something like that:

<template>
  <li
    class="el-menu-item"
    :style="paddingStyle"
    :class="{
      'is-active': active,
      'is-disabled': disabled,
    }"
  >
    <component
      :is="href ? 'el-link' : 'el-button'"
      role="menuitem"
      :disabled="disabled"
      :underline="false"
      :type="href ? null : 'text'"
      :href="href"
      @click="handleClick"
    >
      <el-tooltip
        v-if="
          parentMenu.type.name === 'ElMenu' &&
          rootMenu.props.collapse &&
          $slots.title
        "
        :effect="Effect.DARK"
        placement="right"
        :fallback-placements="['left']"
        persistent
      >
        <template #content>
          <slot name="title" />
        </template>
        <div class="el-menu-tooltip__trigger">
          <slot />
        </div>
      </el-tooltip>
      <template v-else>
        <slot />
        <slot name="title" />
      </template>
    </component>
  </li>
</template>

What do you think?

It's really helpful! The current menu-item behavior does not support opening with Ctrl+click or middle-click, nor does it support opening in a new window from the right-click menu, which is very frustrating for me.