VueJS获取url ?后面的参数值的方法

VueJS获取URL参数

原创已于 2022-01-28 10:24:31 修改 · 917 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #url

于 2022-01-28 10:22:35 首次发布

javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

url

1 篇文章

订阅专栏

本文介绍了一种在VueJS中获取URL中查询参数的方法。通过定义一个getParams函数，可以轻松地从当前页面的URL中提取指定名称的参数值。

VueJS获取url ?后面的参数值的方法

给出一个url地址
- 定义一个方法

给出一个url地址

如：http:// ……/new_info.html?content=aaa&title=bbbb

如何获取到 content 和 title 的值呢？？？？？？？？

定义一个方法

 function getParams(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = decodeURI(window.location.search).substr(1).match(reg);
    if (r != null) {
      return unescape(r[2]);
    } else {
      return null;
    }
 },
 //使用方法
 let result= getParams('content') 
 console.log(result)  // aaa