浅析vue-router jquery和params传参(接收参数)路由器路由的美元区别

  

今天做项目时踩到了vue-router传参的坑(jquery和params),所以决定总结一下二者的区别。

  

<强> 1. jquery方式传参和接收参数

  

传参:         美元。router.push ({   路径:/xxx的   查询:{   id: id   }   })      

接收参数:

  route.query.id美元

<代码>。

  

<强>

  

<强>。路由器和。美元的路线有何区别?

  

在控制台打印两者可以很明显的看出两者的一些区别:

  

浅析vue-router jquery和params传参(接收参数)路由器路由的美元区别

  

1。路由器为美元VueRouter实例,想要导航到不同的URL,则使用美元router.push方法

  

2。美元路线为当前路由器跳转对象,里面可以获取名字,路径,查询、参数等

  

  

传参:         美元。router.push ({   名称:“xxx”   参数:{   id: id   }   })   
     

接收参数:

  route.params.id美元

<代码>。

  

<强>

  

另外,二者还有点区别,直白的来说查询相当于得到请求,页面跳转的时候,可以在地址栏看到请求参数,而参数相当于帖子请求,参数不会再地址栏中显示。

  

  

以上所述是小编给大家介绍的浅析vue-router jquery和params传参(接收参数)路由器路由的美元区别,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

浅析vue-router jquery和params传参(接收参数)路由器路由的美元区别