vue router 传参获取不到问题

A组件跳转B组件并传参

methods: {
  // 点击列表
    tableClick (row) {
      this.$router.push({
        path: 'List',
        params: {
          userId: 123
        }
      })
    },
}

B组件，params接收不到参数

mounted: {
  console.log(this.$route.params.userId)
}

导致这样的原因是因为params需要通过name来获取，这里就要明白query和params的区别。
query要用path来引入,接收参数都是this.route.params.name。params则类似于post，即在浏览器地址栏中不显示参数。

A代码改为如下即可：path: 'List' 改为 name: 'List',

methods: {
  // 点击列表
    tableClick (row) {
      this.$router.push({
        name: 'List',
        params: {
          userId: 123
        }
      })
    },
}