params传参和query传参的区别

2,732 阅读1分钟

直接上干货

都是用this.$router.push()传参,下面以id和code作为2个参数名称举例。

(1)params传参

  • 只能用name,不能用path。
  • 地址栏不显示参数名称id,但是有参数的值。

(2)query传参

  • name和path都能用。用path的时候,提供的path值必须是相对于根路径的相对路径,而不是相对于父路由的相对路径,否则无法成功访问。
  • 地址栏显示参数格式为?id=0&code=1

上图上图,本人亲测代码