vue读取地址栏参数

vue读取地址栏参数

第一步：创建utils.js文件

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

第二步：引用文件及取值

//单文件注册
import utils from '../common/js/util.js'
//使用方式
let phone = utils.getUrlKey("userPhone")

//全局注册  在主js方法（main.js)中注册全局方法
import utils from '../common/js/util.js'    
Vue.prototype.$utils=utils   //注册全局方法
//使用方式
let phone = this.$utils.getUrlKey("userPhone")//获取url参数

url: http://XXX:XXX/#/index/?userPhone=15369457896时，可以得到userPhone为15369457896

转载： https://www.jb51.net/article/121954.htm