-
query传递参数会在url后面用?连接起来,且参数之间用&&符号连接然后显示在页面的url中;params传递参数不会显示在页面中;query有点像ajax中的get请求,而params像post请求。
-
在vue中使用query要搭配path路径,而
params只能由命名路由name来引入
;看下列代码:路由中path的配置
{ path: '/argu/:name/:id', //这种路由配置是params传递参数,且这个后面必须加参数,如果不加,刷新页面这些参数会消失 name:'argu', component: () => import('@/views/argu.vue'), },
使用params传递参数注意要在
path路径后面添加参数
,不然刷新页面数据会丢失。看图:这是没有刷新之前;
如果
path:'/argu'
没有后面的参数,刷新页面数据就会丢失这是刷新之后:可以看到数据消失了,变为了默认数据。
使用params传参的具体写法:this.$router.push({ //params要name一起用,不然接收不到参数 name: `argu`, params:{ name:'xrw', id:
vue中params和query的区别,以及具体用法
最新推荐文章于 2024-08-19 09:26:15 发布
Vue中,params传递的参数不会显示在URL,类似POST请求,而query参数会显示并用?连接,类似GET请求。params传递需配合/:paramName,否则刷新会丢失数据。使用params时,路由配置应包含对应的param。query传参会显示在URL,保密性较差,适合不敏感数据。组件中可通过props接收params和query参数。$route用于获取当前路由信息,$router用于导航操作。
摘要由CSDN通过智能技术生成