JeecgBoot|JeecgBoot 框架中通过JavaScript实现路由跳转页面 JeecgBoot框架中通过JavaScript实现

路由配置 【JeecgBoot|JeecgBoot 框架中通过JavaScript实现路由跳转页面】
文章图片

js代码块

// 路由配置地址system/SysGatewayRouteList //路由配置地址 "/"变成"-"this.$router.push({ name:'system-SysGatewayRouteList' })

路由携带参

// 路由配置地址system/SysGatewayRouteList //路由配置地址 "/"变成"-"this.$router.push({ name:'system-SysGatewayRouteList', query: {// 路由携带参数 'name': '小明', 'sex': '男', 'age': 22 } })

页面接收路由参数

// 通过 this.$route.query.参数名接收 loadDate() { let name = this.$route.query.name; let sex = this.$route.query.sex; let age = this.$route.query.age; console.log('姓名:', name); // 小明 console.log('性别:', sex); // 男 console.log('年龄:', age); // 22 }