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

柔情只为你懂 2022-04-13 13:43 206阅读 0赞

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

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

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

<table> 
 <tbody> 
  <tr> 
   <td>mounted() { <br> &nbsp; &nbsp; let str = this.GetQueryString('applicationId', '0');<br> &nbsp; &nbsp; localStorage.setItem("applicationId", str); let sn = this.GetQueryString('sn');<br> &nbsp; &nbsp; localStorage.setItem("sn", sn)<br> &nbsp; &nbsp; console.log(localStorage.getItem("applicationId"), "====", localStorage.getItem("sn"))<br> },</td> 
  </tr> 
 </tbody> 
</table>

localStorage是本地缓存

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

GetQueryString需要在main.js导入

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

其它页面使用的时候

<table> 
 <tbody> 
  <tr> 
   <td>page: { <br> &nbsp; &nbsp; at: 1,<br> &nbsp; &nbsp; applicationId: sessionStorage.getItem('applicationId'),<br> },</td> 
  </tr> 
 </tbody> 
</table>

使用sessionStorage进行获取数据

发表评论取消回复

表情：

评论列表（有 0 条评论，206人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spring Boot 统一参数校验、统一异常、统一响应

前言本篇主要要介绍的就是`controller`层的处理，一个完整的后端请求由4部分组成： 1. `接口地址`(也就是URL地址) 2. `请求方式`(一般就是g

淡淡的烟草味﹌/ 2024年04月07日 13:44/ 0 赞/ 43 阅读

相关后端：统一异常处理类

1、定义返回信息类Result.java / 统一返回前端结果类 / public class Result<T> {

你的名字/ 2024年03月16日 16:55/ 0 赞/ 16 阅读

相关 torch 对参数处理后回填

先从网络中下载参数，将参数所有元素整合在一个向量中，对每个元素添加一定的噪声，接下来还原向量中的元素到参数的对应位置，并用加噪后的参数回填到模型中，最后检查一遍回填情况。假

谁践踏了优雅/ 2023年10月14日 16:43/ 0 赞/ 4 阅读

相关 SpringBoot参数校验及统一异常处理最佳实践

【订阅[专栏合集][Link 1],作者所有付费文章都能看(持续更新)】推荐【Kafka教程】[https://bigbird.blog.csdn.net/article/

深碍√TFBOYSˉ_/ 2022年10月07日 00:47/ 0 赞/ 164 阅读

相关获取超链接后的参数

function GetRequest() \{ var url = location.search; //获取url中"?"符后的字串 var t

ゞ浴缸里的玫瑰/ 2022年07月19日 05:24/ 0 赞/ 164 阅读

相关 tomcat配置maxPostSize处理请求参数太大导致后端获取不到参数问题

server.xml配置 Connector连接器配置maxPostSize="-1" 1、直接访问tomcat的HTTP端口时，配置HTTP的Connector连接

不念不忘少年蓝@/ 2022年05月24日 08:09/ 0 赞/ 244 阅读

相关后端获取URL和参数

一：获取URL 1.Request.getRequestURL 返回的是请求的全部，包括http协议、端口号、servlet名字和映射路径，但不包含请求参数。

偏执的太偏执、/ 2022年05月22日 03:41/ 0 赞/ 253 阅读

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

在url中获取参数后，我们在多个地方需要使用到，那么我们就可以通过缓存来使用在vue项目的入口中进行获取 App.vue的mounted方法中进行处理 <table>

柔情只为你懂/ 2022年04月13日 13:43/ 0 赞/ 207 阅读

相关获取网址后携带的参数

一、获取单个参数 //例如：http://127.0.0.1:8020/007/homepage.html?userid=1922889 //获取

深藏阁楼爱情的钟/ 2021年12月20日 11:07/ 0 赞/ 216 阅读

相关统一异常处理

Overview 利用Spring AOP思想，对项目中的异常进行统一处理。实现思路通过@ControllerAdvice注解给控制器增加通知，接收所有Con

不念不忘少年蓝@/ 2021年10月01日 11:40/ 0 赞/ 462 阅读