jeecg-boot项目点击菜单时，在新窗口打开一个新页面

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：jeecg-boot项目点击菜单时，在新窗口打开一个新页面

---

一、使用步骤

1.首先修改router.config.js文件，在要打开的页面路径写在基础路由constantRouterMap函数中

代码如下（示例）：

export const constantRouterMap = [
  {
    path: '/views/personalspace/Album',//这里是你需要设置新窗口打开的页面的路径
    component: () => import(/* webpackChunkName: "Album" */ '@/views/personalspace/Album')
  },
 
]

2.修改src/components/menu/Contextmenu.vue中函数

代码如下（示例）：

 methods: {
    
    closeMenu (e) {
       if (e.target.href && e.target.href.indexOf('studentInforsta')>0) {
        window.open(e.target.href, '_blank')
      }else if(e.target.href && e.target.href.indexOf('Album')>0){
        window.open(e.target.href,'_blank')
      }else if (this.visible === true && ['menuitemicon', 'menuitem'].indexOf(e.target.getAttribute('role')) < 0){
        this.$emit('update:visible', false)
      }
    
    },
   
  }

//else if(e.target.href && e.target.href.indexOf('这里是你的菜单的名称字符（注意：这里需要是唯一的，不然会影响其他页面展示）')>0){
  //      window.open(e.target.href,'_blank')
    //  }

3.在系统管理的菜单里进行添加

图片如下（示例）：打开方式选择为外部打开

---

4.在系统管理的角色管理里进行授权

图片如下（示例）：选择需要授权的角色点击更多–授权，勾选你刚刚新建的页面菜单即可

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了jeecg-boot项目点击菜单时，在新窗口打开一个新页面，本文能使我们快速便捷地处理新窗口打开页面的操作。