vue地址栏传参数以及接收参数

编程式的导航

在用Vue开发项目中,跳转页面，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。

// 字符串
router.push('home')

// 对象
router.push({ path: 'home' })

// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})

// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

例子如下：传递参数

jumpresume(id){

this.$router.push({path:'/resume',query:{jId:id}})

},

接收参数：

created(){
    let id = this.$route.query.jId;
    alert(id);
 },