vue-url获取参数后统一处理

在url中获取参数后，我们在多个地方需要使用到，那么我们就可以通过缓存来使用

在vue项目的入口中进行获取

App.vue的mounted方法中进行处理

mounted() {     let str = this.GetQueryString('applicationId', '0');     localStorage.setItem("applicationId", str); let sn = this.GetQueryString('sn');     localStorage.setItem("sn", sn)     console.log(localStorage.getItem("applicationId"), "====", localStorage.getItem("sn")) },

localStorage是本地缓存

function GetQueryString(key, dv) {     // var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");     // var r = window.location.search.substr(1).match(reg);     // if (r != null ) return unescape(r[2]);     // return "";     var result = location.search.match(new RegExp("[\?\&]" + key + "=([^\&]+)", "i"));     if (result == null || result.length < 1) {         return dv || '';     }     return result[1]; }

GetQueryString需要在main.js导入

此方法用于获取地址栏参数值

 

其它页面使用的时候

page: {     at: 1,     applicationId: sessionStorage.getItem('applicationId'), },

使用sessionStorage进行获取数据