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)
	}