浅析vue-router中参数和查询的差异
发布时间： 2020-10-25 22:22:39
来源：情景之家
阅读： 100
作者： xdddsc
1 .引进方式不同
query在path中导入
this.$router.push({ ((
路径： ' test '，
查询： {
类型： 2，
详细信息： '哈哈'
}
() )
参数用name导入
this.$router.push({ ((
名称： ' test '，
查询： {
类型： 2，
详细信息： '哈哈'
}
() )
2.url不同
query在url中显示参数
http://localhost:8080/detail？ type=0详细信息=哈哈
params不在url中显示参数
http://localhost :8080 /细节
试着整理一下这两者的区别吧。
1、用法的
如上所述，query在path中引入，params在name中引入。 接收参数都很相似。 分别是this.$route.query.name和this.$route.params.name。
请注意，在接收参数时，它是$route而不是$router。
2、展示上的
query类似于我们ajax的get参数。 参数类似于开机自检。 更简单地说，前者在浏览器的地址栏中显示参数，后者不显示
query:
params:
总结
以上是编辑介绍的vue-router中参数和查询的不同。 希望能对大家有所帮助。 如果有问题的话请留言。 编辑马上给大家回信。 在此也感谢亿速云网站的支持！
如果你认为本文对你有帮助，欢迎转载。 请注明出处。 谢谢你。