vuejs3 - Element Plus UI：菜单项无法打开新选项卡

Question

我在 Vue 上为 Element Plus UI 创建了一个水平菜单。当我右键单击菜单项时，我没有在新选项卡中打开它的选项。

但是在元素加文档时。当我右键单击菜单项时，我有该选项

我如何实现该功能，因为我在文档中找不到任何关于该功能的参考。

菜单代码

<template>
  <el-menu
    class="sideMenu"
    :collapse="isCollapse"
    active-text-color="#409EFF"
    :default-active="activeLink"
    text-color="#909399"
    background-color="#FFFFFF"
    :router="true"
  >
    <el-menu-item index="/menu1">
      <el-icon><DocumentChecked /></el-icon>
      <span>Menu 1</span>
    </el-menu-item>

    <el-menu-item index="/menu2">
      <el-icon><DocumentChecked /></el-icon>
      <span>Menu 2</span>
    </el-menu-item>
  </el-menu>
</template>

谢谢。

Answer 1

您需要在el-menu-item.

 <el-menu-item index="4">
     <a href="https://www.ele.me" target="_blank">
        <el-icon><DocumentChecked /></el-icon>
        <span>Menu 1</span>
    </a>
</el-menu-item>

<el-menu-item index="4"><a href="https://www.ele.me" target="_blank">Simple Link</a></el-menu-item>