vue路由带参跳转

每个路由都有对应的path和name

假设从A页面跳到B页面

在A页面发出

this.$router.push({
    name: 'B页面的name(在路由配置里)',
    params: {
        (在params里既可以带想要的参数，如)
       num: 10,
       id: 'qwe'
   }
})

在B页面接收

 

在mounted里 就可以接收到刚刚A页面传过来的参数

this.$route.params

这个结果是 

{
   num: 10,
   id: 'qwe'
}

 判断接收的对象是否为空:

JSON.stringify(this.$route.params) === '{}'

或者用ES6提供的方法

Object.keys(THIS.$route.params).length === 0

标签：vue,name,route,带参,num,params,跳转,路由,页面
来源： https://www.cnblogs.com/reround/p/12882920.html