vue中获取当前页面URL中参数id

vue中获取当前页面URL中参数id
第一步：首先我们在utils文件夹下创建一个getUrlParams.js文件，在里面写入代码如下：

// 获取参数
export function GetUrlParam(name) {
var url = window.location.href;

let params = url.substr(url.lastIndexOf("?") + 1).split("&");
for (let i = 0; i < params.length; i++) {
let param = params[i];
let key = param.split("=")[0];
let value = param.split("=")[1];
if (key === name) {
return value;
}
}
}

第二步：在需要用到该方法的页面引入getUrlParams.js，最后，我们只要输入想要获取的参数名，就可以在页面中获取url上对应的id参数值咯！：

import { GetUrlParam } from “@/utils/GetUrlParam.js”;

beforeMount() {
this.isShare = GetUrlParam(“share”);
console.log(“我的share”, this.isShare)
}