1.首先配置路由,

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: require('../components/home.vue'),
      children: [
        {
          path: 'user',
          name: 'user',
          component:  require('../components/user/user.vue'),
        },
      ]
    },
    {
      path: '/login',
      name: 'login',
      component:  require('../components/login/login.vue'),
    }
  ]
})

2. 假设从login页面跳转到home页面,需要传递userName参数

  那么login.ts中:

    this.$router.push({
                        path:'/',
                        query: {
                            userName: this.loginForm.username
                        }
        });

  home.ts中接收参数:

 this.userName = this.$route.query.userName

假设从home页面跳转到user子路由,需要传递UserRoleType 和 solutionID两个参数

  home.ts中:

   this.$router.push({
        path:'user',
        query:{
          userRoleType: this.userRoleType,
          solutionID: this.selectedSolutionID
        }
      });

  user.ts中接收参数:

    this.UserRoleType = Number(this.$route.query.userRoleType);
    this.solutionID = Number(this.$route.query.solutionID);

注意:1. 不管传不传参数,步骤一中路由配置是不变的。2. 这样传递的参数会反映到url中,即url中会携带这些参数

最新文章

  1. LINQ to SQL语句(20)之存储过程
  2. 查看当前web服务器的并发连接数
  3. 【WCF】Silverlight+wcf+自定义用户名密码验证
  4. Wince 对话框程序设计
  5. c标准库中字符和数字转换的函数
  6. oracle数据库TNS
  7. SIFT算法:KeyPoint找寻、定位与优化
  8. 队爷的讲学计划 CH Round #59 - OrzCC杯NOIP模拟赛day1
  9. HTTP学习笔记4-请求与响应结构例子
  10. Httphelper工具1
  11. Java基础——运算符
  12. JavaScript加载次序问题
  13. 视频转码成mp4格式,添加关键帧,添加元数据,把元数据放在第一帧,可拖动
  14. asp+SqlServer2008开发【第一集:安装SqlServer2008以及登陆】
  15. ubuntu下无法在目录下创建文件夹,权限不足解决办法
  16. 题解-ZeroJudge-c686 高斯符號
  17. Oracle awr报告生成操作步骤
  18. 启动HDFS时datanode无法启动的坑
  19. Accelerated Failure Time Models加速失效时间模型AFT
  20. Type mismatch in value from map: expected org.apache.hadoop.io.longWritable

热门文章

  1. JDBC编程:使用 Statement 修改数据库
  2. [异常笔记]poi读取Excel异常
  3. 浅谈css蒙版效果
  4. [转]不让iTunes备份到c盘
  5. 转自 阿里云技术文档的 centos + PHP 环境 搭建
  6. 仿制用友U8界面
  7. 使用MapReduce读取HBase数据存储到MySQL
  8. Idea 2017 激活方法
  9. 07 json与os模块(进阶)
  10. python三大神器之迭代器