首页 > 其他分享 >router-link (3) pigx单体 路由跳转

router-link (3) pigx单体 路由跳转

时间:2024-03-29 15:14:34浏览次数:21  
标签:index console log pro link 跳转 pigx router

1.src/router 下 route.ts 加入前端静态路由


dynamicRoutes: 这里是跳转后带菜单的
	{
		path: '/pro/proProjectTaskAcceptance/index.vue',
		name: '项目验收',
		component: () => import('/@/views/pro/proProjectTaskAcceptance/index.vue'),
		meta: {
			isHide: true,
		},
	},


staticRoutes:这里跳转后没有菜单,单一页面
	{
		path: '/eo1',
		name: 'staticRoutes.eo1',
		component: () => import('/@/views/pro/proProjectTaskAcceptance/index.vue'),
		meta: {
			isAuth: false,
		},
	},

2.页面调用

import router from '/@/router';

方式1:
const btnContant = ()=>{
	console.log('btnContant')
	// <router-link to="/pro/projectcontant/index">合同审核</router-link>
	router.push({
		path: '/pro/projectcontant/index',
		query: {
			context: '吴又可吴又可'
		}
	});
}

方式2:
const btnAcceptance = ()=>{
	console.log('btnAcceptance')
	// <router-link to="/pro/proProjectTaskAcceptance/index">项目验收审核</router-link>
	router.push({
		name: '项目验收',
		params: {
			context: '吴又可吴又可',
			id: 2,
			name: '我呢'
		}
	});
	console.log(router)
}

3.页面取值

import router from '/@/router';

onMounted(()=>{
	// console.log(router.currentRoute.value.query.context	)
	console.log(router	)
})

标签:index,console,log,pro,link,跳转,pigx,router
From: https://www.cnblogs.com/linhan8888/p/18103889

相关文章

  • H5get请求重定向后页面没有跳转重定向的地址是什么问题;H5get请求重定向后页面不跳转自
    Ajax请求的处理:如果使用了XMLHttpRequest或FetchAPI进行GET请求,并通过异步处理来获取响应数据,那么浏览器不会自动跳转到重定向的地址。如果在H5的GET请求中,服务器返回了重定向响应(HTTP状态码为3xx),但页面没有跳转到重定向的地址,可能有几种可能的原因:JavaScript......
  • H5网页调用APP原生分享菜单 方法:mcloudshare://advert?imgUrl=图标链接&link=分享的链
    要在H5网页中调用APP原生的分享菜单,你可以通过以下步骤实现:创建分享按钮或触发分享的交互元素,例如一个按钮或链接。在按钮的点击事件处理程序中,使用JavaScript生成一个调用APP分享功能的URL。根据你提供的信息,生成的URL格式如下:mcloudshare://advert?imgUrl=图......
  • Flink:流式 Join 类型 / 分类 盘点
    博主历时三年精心创作的《大数据平台架构与原型实现:数据中台建设实战》一书现已由知名IT图书品牌电子工业出版社博文视点出版发行,点击《重磅推荐:建大数据平台太难了!给我发个工程原型吧!》了解图书详情,京东购书链接:https://item.jd.com/12677623.html,扫描左侧二维码进入京东手......
  • 【容器源码篇】Set容器(HashSet,LinkedHashSet,TreeSet的特点)
    文章目录⭐容器继承关系......
  • Apache Flink 简介
    ApacheFlink简介前言计算引擎大数据计算引擎分为离线计算和实时计算,离线计算就是我们通常说的批计算,代表是HadoopMapReduce、Hive等大数据技术。实时计算也被称作流计算,代表是Storm、SparkStreaming、Flink等大数据技术。计算引擎也在不断更新迭代,下图展示的是每一代计算......
  • Centos7修改默认网卡名(改为eth0)以及网卡启动报错RTNETLINK answers File exists处理
    Centos7修改默认网卡名(改为eth0)以及网卡启动报错RTNETLINKanswers:Fileexists处理安装好centos7版本的系统后,发现默认的网卡名字有点怪,为了便于管理,可以手动修改。下面对centos7版本下网卡重命名操作做一记录:1.编辑网卡信息[root@web~]#cd/etc/sysconfig/network-scripts/......
  • RT路由器 serial 口ppp multilink 绑定接口配置
    配置MutlilinkPPP捆绑,编号为1interfacemultilink1                   ipadd192.168.100.1255.255.255.0   pppmultilink                                ......
  • 使用Docker搭建测试用例管理平台TestLink:简易指南
    简介Testlink是一款免费开源的测试管理软件,基于WEB的测试用例管理系统,主要功能是:测试项目管理、产品需求管理、测试用例管理、测试计划管理、测试用例的创建、管理和执行,并且还提供了统计功能。为了方便快速部署TestLink,并且保持环境的一致性,我们可以使用Docker进行搭建。本文将......
  • postgresql之创建dblink 以及查询写法和关闭dblink
    --启用dblink模块CREATEEXTENSIONdblink;--创建dblink连接--format:'dbname=mydbhost=myhostuser=myuserpassword=mypassword'--请替换mydb,myhost,myuser,和mypassword为实际的数据库名称、主机、用户和密码SELECTdblink_connect('dblink_name','dbname=......
  • Flink - [02] 安装部署(Standalone)
     一、准备1、角色规划FlinkStandalone角色规划节点名称node01node02node03master○  worker ○○zookeeper○○○   二、部署1、解压:tar-zxvfflink-1.11.2-bin-scala_2.11.tgz2、      — 要养成终生学习的习惯—......