vue+element中如何加入外部链接

配置路由

{
        path: '/jobs-admin',
        component: LeftNav,
        name: '任务调度', // 当前路由的name
        leaf: true, // 只有一个节点
        iconCls: 'el-icon-s-help', // 图标样式class
        menuShow: true,
         external:true,//说明是外部链接
        children: [
          { path: '/jobs-admin', component: RightC, name: '任务调度', menuShow: true }
        ]
      },

然后再home.vue中

fetchNavData () { // 初始化菜单激活项
        var cur_path = this.$route.path; //获取当前路由
        var routers = this.$router.options.routes; // 获取路由对象
      
        console.log(cur_path,routers);
        var nav_type = "", nav_name = "";
        for (var i = 0; i < routers.length; i++) {
          var children = routers[i].children;
          
          if(children){
            for (var j = 0; j < children.length; j++) {
            	
              var grand_children = children[j].children;
              if(grand_children){
                for (var k = 0; k < grand_children.length; k++) {
                  if (grand_children[k].path === cur_path) {
                    nav_type = routers[i].type;
                    nav_name = routers[i].name;
                    break;
                  }
                  // 如果该菜单下还有子菜单
                  if(grand_children[k].children) {
                        let grandChildren = grand_children[k].children;
                        for(let z=0; z<grandChildren.length; z++) {
                          if(grandChildren[z].path === cur_path) {
                            nav_type = routers[i].type;
                            nav_name = routers[i].name;
                            break;
                          }
                        }
                  }

                }
              }
            }
          }
        }
        this.$store.state.topNavstore.topNavState = nav_type;  // 改变topNavState状态的值
        this.$store.state.topNavstore.leftNavState = nav_name;  // 改变leftNavState状态的值
        
        if(nav_name == "enterprise"){
          this.defaultActiveIndex = "/";
          
        } else {
          this.defaultActiveIndex = "/" + nav_name + "Manager";
          
        }
     //   console.log(nav_name,nav_type,this.defaultActiveIndex);
    
    //这里把外部链接配置为动态的
	if(this.$route.external){//说明是外部链接
		for(var a= 0 ; a<this.resourcesList.length; a++){
  			if(this.resourcesList[a].sysKey == "technologyManager" && this.$route.path == this.resourcesList[a].resCode){
  				window.open(this.resourcesList[a].resAction, '_blank').location;
      		return ;
  			}

  		}
	}
   

注意,新开页面打开外部链接,window.open(this.resourcesList[a].resAction, ‘_blank’).location;

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值