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

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");

猜你喜欢

转载自my.oschina.net/u/3705266/blog/1808846