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

路由配置

JeecgBoot 框架中通过JavaScript实现路由跳转页面_第1张图片

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
}

你可能感兴趣的:(JeecgBoot 框架中通过JavaScript实现路由跳转页面)