通过两者的语法我们可以看出来一点区别 1.写法的不同 1 2 query的语法用于path编写传参地址 params的语法用于name编写传参地址 2.接收方式不同 接受参数的时候用this.$route.params.name或者this.$route.query.name 3.两者中query在刷新页面的时候参数不会消失 但params在刷新页面的时候参数会消失 可以考虑本地存储...
在Vue路由中,query和params是用于路由传参的两种不同方式,它们各自有着不同的使用场景和特点。下面是对这两种传参方式的详细解释、对比以及适用场景,并附上相应的代码示例。 1. Vue路由传参中的query方式 解释: query是通过URL的查询参数(即?后面的部分)来传递信息的。 它适用于需要将这些参数显示在URL中或者需要...
区别: 1.首先就是写法得不同,query 得写法是 用 path 来编写传参地址,而 params 得写法是用 name 来编写传参地址,你可以看一下编写路由时候得相关属性,你也可以输出一下 路由对象信息 看一下 2.接收方法不同, 一个用 query 来接收, 一个用 params 接收 ,总结就是谁发得 谁去接收 3.query 在刷新页面...
url地址显示:query更加类似于我们ajax中get传参,params则类似于post,说的再简单一点,前者在浏览器地址栏中显示参数,后者则不显示 注意点:query刷新不会丢失query里面的数据 params刷新会丢失params里面的数据。反馈 收藏
//1.展示在地址栏不同//params /home/123 value//query /home?id=123 key-value//2.路由配置不同//query{path:'/home',name:'home',component:home}//params 需要配置路径{path:'/home:id',name:'home',component:home}//由于属性 to 与 router.push 接受的对象种类相同,所以两者的规则完全相同。//...
但是!/:id和/:age不能省略,且不能改名字 不写的话,第一次点击可以实现组件跳转,且可以通过this.$route.parmas.id获取到传过来的id值, 但如果刷新页面,传过来的id值和age值就会丢失。从这也能看出params比query严格。 1. 2. 3. 4. 5. 6.
表现形式,和方式说query 和 params的区别 表现形式: params {path: '/:id/:name',...} <router-link :to="{name:'home',params:{title:"tt"}}"> </router-link> this.$route.params //获取当前动态路由 query {path: '/home?name=12',...} ...
3)在浏览器url地址栏上展示的形式不同,params直接展示参数值 http://localhost:8081/#/detail/005/19 query是展示参数名和参数值http://localhost:8081/#/detail?id=005&age=19 4)获取参数的不同this.$route.params.id和this.$route.query.id的区别...
(1)params和query的区别: - params传递的参数将被包含在URL的路径中,而query传递的参数将被作为查询字符串附加在URL的末尾。 - params一般用于传递唯一标识符等关键性参数,而query一般用于传递非关键性参数,如关键词、分页等。 - params可以在路由路径中使用冒号(:)来指定参数的位置,而query不需要在路径中指定参数...