vue中路由传递参数

vue中路由传递参数

push传递参数（注意使用params的时候不能使用path跳转路由，只能使用name）

1. 传递params参数

传递的写法：
this.$router.push({
  name: '', //在配置路由时填写的name
  params: {参数}
})
或者：this.$router.push(`/search/${参数}`)

路由中的配置：
{
  path: '/search/:参数?, // 问号可以指定参数传或者不传
  name: '',
  component: () => import()
}

在组件中获取参数: this.$route.params
2. 传递query参数

this.$router.push({
  path: '/search', //在配置路由时填写的path，
  query: {参数}
})
或者：this.$router.push(`/search?参数名=${参数}`);

在组件中获取参数：
this.$route.query