传参方法

字符串形式
this.$router.push(“/search/”+this.params传参+“?k=”+this.query传参)
模板字符串
this.r o u t e r . p u s h ( " / s e a r c h / + router.push("/search/+router.push("/search/+{this.params传参}?k=${this.query传参}")
注意： 上面字符串的传参方法可以看出params参数和’/'结合，query参数和？结合
http://localhost:8080/#/search/asd?keyword=asd
上面url中asd为params的值，keyword=asd为query传递的值。
对象（常用）
this.$router.push({name:“路由名字”,params:{传参},query:{传参})。

以对象方式传参时，如果我们传参中使用了params，只能使用name，不能使用path，如果只是使用query传参，可以使用path 。

// 路由传递参数：
			// 第一种：字符串形式
			// this.$router.push('/search/'+this.keyword+'?k='+this.keyword.toUpperCase())
			// 第二种：模板字符串
			// this.$router.push(`/search/${this.keyword}?k=${this.keyword.toUpperCase()}`)
			// 第三种：对象
			this.$router.push({
				name:'search',
				params:{
					keyword:this.keyword
				},
				query:{
					k:this.keyword.toUpperCase()
				}
			})

---

params参数：属于路径当中的一部分，需要注意，在配置路由的时候，需要占位 ,地址栏表现为 /search/v1/v2
params参数对应的路由信息要修改为path: "/search/:keyword" 这里的/:keyword就是一个params参数的占位符
params传参问题
（1）、如何指定params参数可传可不传

  如果路由path要求传递params参数,但是没有传递,会发现地址栏URL有问题，详情如下：
  Search路由项的path已经指定要传一个keyword的params参数，如下所示：
  path: "/search/:keyword",
  执行下面进行路由跳转的代码：
  this.$router.push({name:"Search",query:{keyword:this.keyword}})
  当前跳转代码没有传递params参数
  地址栏信息：http://localhost:8080/#/?keyword=asd
  此时的地址信息少了/search
  正常的地址栏信息: http://localhost:8080/#/search?keyword=asd
  解决方法：可以通过改变path来指定params参数可传可不传 
  path: "/search/:keyword?",?表示该参数可传可不传

（2）、由（1）可知params可传可不传，但是如果传递的时空串，如何解决 。

 this.$router.push({name:"Search",query:{keyword:this.keyword},params:{keyword:''}})
 出现的问题和1中的问题相同,地址信息少了/search
 解决方法： 加入||undefined，当我们传递的参数为空串时地址栏url也可以保持正常
 this.$router.push({name:"Search",query:{keyword:this.keyword},params:{keyword:''||undefined}})