vue不通过路由直接获取地址栏参数的方法

2019独角兽企业重金招聘Python工程师标准>>>

vue中是无法通过location.search()来获取url问号之后的内容的,所以就需要把获取参数的脚本代码注册成全局方法

1、components目录同级新建文件夹api用来保存js脚本，然后新建utils.js编写js方法

    例如：

    //获取地址栏参数

    export function getUrlKey(name) {

    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;

    }

2、在需要的地方引入方法就可以使用

    import { getUrlKey } from "../api/utils";

    let UrlKey = getUrlKey("code");

 

转载于:https://my.oschina.net/huibaifa/blog/1808846