文章/答案/技术大牛

发布

社区首页 >问答首页 >Element Plus UI:未打开菜单项的新选项卡

问Element Plus UI:未打开菜单项的新选项卡
EN

Stack Overflow用户

提问于 2022-02-23 07:49:11

回答 2查看 1.1K关注 0票数 2

我已经为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>

vuejs3

element-plus

回答 2

Stack Overflow用户

发布于 2022-05-26 21:02:42

根据Element Plus，文档 el-菜单项有一个属性路由：它是Obj类型。所以，el-菜单项类应该是：

<el-menu-item index="/menu1" route= VUE-ROUTER-OBJ>

也可以使用菜单属性，该属性从菜单项的索引值激活路由：

<!DOCTYPE html>
<el-menu
    :default-active="activeIndex"
    class="el-menu-demo"
    mode="horizontal"
    @select="handleSelect"
    router= true 
  >
<!-- router is the key attribute-->


<el-menu-item index="/" route="/"> Home </el-menu-item>

<el-menu-item index="PATH OF VUE ROUTER"> LINK NAME </el-menu-item>

票数 2

Stack Overflow用户

发布于 2022-02-23 08:10:17

您需要在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>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71233061

复制

相似问题

问Element Plus UI:未打开菜单项的新选项卡
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Element Plus UI:未打开菜单项的新选项卡EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Element Plus UI:未打开菜单项的新选项卡
EN