Vue 路由传参与取值的两种方法

1.query 

query 相当于get,会在地址栏中显示传递的参数

传参

this.$router.push(
    {
      path: path,
      query: {
        data:data
      },
    }
  )

获取参数

this.$route.query

2.params

params 相当于post,params传参必须传递name,传递对象,可不写path

传参

this.$router.push(
    {
      path: path,
      name: 'alarm1',
      params: {data}
    }
  )

获取参数

this.$route.params

 

 

你可能感兴趣的:(Vue 路由传参与取值的两种方法)