Vue3怎么获取地址栏参数


这篇文章主要讲解了“Vue3怎么获取地址栏参数”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue3怎么获取地址栏参数”吧!Vue3 获取地址栏参数有两个方式:查询参数和路径参数。Vue3获取地址栏参数是从路由router中获取,查询参数和路径参数获取方式不一样。比如地址 http://127.0.0.1:5173/?code=123123,
我们要获取code参数可以路由router获取,注意是route.query首先需要在router/index.js中定义好路由然后就可以在组件中通过useRouter获取query参数了路径参数指的是参数是拼接在地址栏中的。
比如地址 http://127.0.0.1:5173/123123
最后的123123就是参数。这种参数首先要定义要路由,在路由中对参数进行命名,下面代码中:code就是命名一个路径参数code首先需要在router/index.js中定义好路由以及路径参数接着就可以在home.vue组件中通过路由useRouter得到参数,注意是route.params入口页面App.vue必须定义好router-view标签,不能图简单将上面定义的home组件直接引入到App.vue中,如果直接引入走的就不是路由了,因而通过useRouter也无法获取到路由参数了如下错误免费云主机域名示例:正确应该是使用router-view标签感谢各位的阅读,以上就是“Vue3怎么获取地址栏参数”的内容了,经过本文的学习后,相信大家对Vue3怎么获取地址栏参数这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: php数字如何转时间戳

这篇“php数字如何转时间戳”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“php数字如何转时间戳”文章吧。 PHP中,时间戳指的是距离1970年…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/05 16:57
下一篇 07/05 16:57

相关推荐