在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进行获取数据