vue之vue-router的编程式导航

这几天在做一个项目，遇到一个问题：
编程式导航router.push(location)

下面跳转到路由home,并传递了参数，想要获取参数信息，这里path属性可选，但是无name属性就无法获取params内容

this.$router.push({
    path: '/home',
    name: '/HomeView'
    params: {
        userId: 1,
        userName: 'zhangsan'
    }
})

使用上面编程式导航，也需要现在路由配置文件中声明

export default new Router({
  routes: [
    {
      path: '/',
      name: 'LoginView',
      component: LoginView
    },
    {
      path: '/home',
      name: 'HomeView',
      component: HomeView
    }
  ]
})

获取参数通过路由信息对象route获取

this.$route.params
this.$route.params.userId