美文网首页
设置url的参数值

设置url的参数值

作者: 抽疯的稻草绳 | 来源:发表于2022-01-26 14:01 被阅读0次
   updateUrl (key, value) {
      let newurl = this.updateQueryStringParameter(key, value)
      //向当前url添加参数,没有历史记录
      window.history.replaceState({
        path: newurl
      }, '', newurl);
    },



    updateQueryStringParameter (key, value) {
      let uri = window.location.href
      if (!value) {
        return uri;
      }
      let re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
      let separator = uri.indexOf('?') !== -1 ? "&" : "?";
      if (uri.match(re)) {
        return uri.replace(re, '$1' + key + "=" + value + '$2');
      }
      else {
        return uri + separator + key + "=" + value;
      }
    },

生命周期里 调用 设置参数为 inviteCode

   this.updateUrl("inviteCode", 28AT)
image.png

ps :

URLSearchParams

https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

image.png

相关文章

  • 路由传递参数,获取请求参数

    Get传参方式:(1)在URL路径里传参 (:自定义变量) (2)在URL路径后加(?参数名=参数值...

  • 设置url的参数值

    生命周期里 调用 设置参数为 inviteCode ps : URLSearchParams https://...

  • 页面间通信

    url 传参 index.js 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参...

  • 一个完美的 JavaScript 字符串 加密 和 解密 Dem

    项目中经常会有url带参并取参数值的问题我们通常会将参数明码通过URL传递。如果涉及到对参数值安全性有一定的要求,...

  • 路由

    基本带参路由 指定参数类型的路由 多URL的路由匹配 允许在一个视图函数中设置多个url的路由规则 路由中设置HT...

  • url里最后一个参数若为小数,小数点后面的值会被截取掉

    开发遇到的坑:在用url进行传参时,小数参数后边的小数值被截取掉了 请求地址如下: http://192.168....

  • 获取url的参数

    获取URL中的参数名及参数值的集合 通过参数名获取url中的参数值 通过正则获取到参数值;

  • JMeter(3) 参数化请求

    参数化请求url 配置用户参数服务器设置,读取参数值用户参数里面设置参数具体值 参数化请求参数 函数助手参数化例子...

  • 关于vue-router传参的理解

    query 通过查询字符串传参 1、受限于url长度限制、地址栏url不美观2、刷新后参数不会丢失3、设置prop...

  • 1. 获取URL地址栏参数

    获取网站地址栏URL参数值 原生JavaScript封装的获取 url 链接中指定的参数值; location.s...

网友评论

      本文标题:设置url的参数值

      本文链接:https://www.haomeiwen.com/subject/yojnhrtx.html