在vue中获取url参数

创建一个urlGet.js文件,用来全局曝光,内容如下:

突然发现最近的自己真的很喜欢全局曝光

/**
 * getUrlKey 截取地址栏参数
 * @param value
 * @returns {String}
 */
function getUrlKey(name) {
  return (
    decodeURIComponent(
      (new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(
        location.href
      ) || [, ''])[1].replace(/\+/g, '%20')
    ) || null
  );
}

export default {
  getUrlKey,
};

在man.js中全局

import utils from '../common/urlGet'; //获取url参数
Vue.prototype.$utils = utils; //注册全局方法

然后就可以在任何vue文件中调用了

// 截取地址栏id,addr参数
this.id = this.$utils.getUrlKey('id');
this.addr = this.$utils.getUrlKey('addr');