如何从Vue项目中提取URL参数值？

本文共计582个文字，预计阅读时间需要3分钟。

目录+情况一：内部页面之间互相传递值+情况二：外部跳转Vue项目时自带参数+1. 获取？后面的参数+2. 获取不带？的URL中的参数+亲子测验可用，如有疑问请私信+获取URL参数有两种情况：+情况一：内部页面之间互相传递值+情况二：外部跳转Vue项目时自带参数

目录

• 情况一：内部页面之间互相传值
• 情况二：外部跳转VUE项目时自带参数
• 1 获取?后面的参数
• 2 获取不带?的URL中的参数

亲测可用，若有疑问请私信

获取url参数有两种情况：

情况一：内部页面之间互相传值

这里先讲情况一，因为同一项目内互相传值比较简单，假如要从A页面跳转到B页面，并传值。就要在A页面这么写

this.$router.push({name:"B",query:{ Id : this.tId , ... }})

进入B页面之后，在B页面内这么写

this.Id = this.$route.query.Id;

就能将A页面的id传入B页面，进行数据调取。