vue 获取url地址的参数

古城微笑少年丶 2023-10-10 23:23 25阅读 0赞

![03bab682b2484e22a68a525da3a83906.jpeg][]

url是一个 URL地址，我们在使用 vue的时候，经常需要获取 url的参数，获取方法有很多种，这里我只介绍一种获取 url参数的方法，那就是使用 Requests. urlset. newContext （）方法。 这个方法就是调用 requests. urlset. newContext （）方法来获取 url的参数。在这个方法中，我们需要注意以下几点： 1、 vue提供了一种称为 requests. urlset.request\_name （）的方法。 3、在获取到参数之后，可以使用 setTimeout （）和 setInterval （）函数来进行数据的刷新。 4、如果传入的参数是中文字符串，则需要将其转化为机器码再进行刷新。 6、当传入的参数是字符串时，可以使用 drawRow （）函数来获取。

*  1.获取 url参数
    
    我们可以看到，当我们调用了这个方法之后，首先会获取一个 url的参数，然后进行解析，并将解析出的 url的参数赋给 newContext （）函数。 在上面的代码中，我们通过 public static void requests （）方法获取到了 url的参数，并将其赋给了 newContext （）函数。 下面是两个函数的具体用法：
 *  2.数据刷新
    
    下面我们就分别用这两个函数来实现。 setTimeout （）函数会在获取到 url的参数后，判断参数是否存在于 DOM中，如果不存在，则会将其转化为机器码再进行刷新；如果存在，则会将其转化为机器码再进行刷新。在这里，我们可以看到两种数据刷新的方式： 使用 datetime （）方法来对数据进行刷新。 这里，我们可以看到 setInterval （）函数的返回值是一个数组，其中包含了一个 chunk （）方法。
 *  3.中文字符串的转化
    
    下面是一个简单的例子： 通过这个例子，我们可以看出， vue会将字符串中的汉字转化为机器码，然后再进行刷新。 这里要注意的是， Vue不能直接将中文字符串中的数字转换为机器码。在 vue中，我们可以使用 replace （）函数来实现字符串与机器码之间的转换。例如： 例如： 上面这个例子中，我们将数字和中文字符串转化为机器码之后，然后再使用 setInterval （）函数进行刷新。
 *  4.字符串的 drawRow函数获取
    
    在上面的例子中，传入了一个中文字符串： 如果传入的是英文字符串，那么就会比较复杂了。将传入的字符串转化为机器码，并进行刷新，就可以得到最终的结果了。 以上就是获取 url参数的方法，总结一下： 2、传入的参数类型可以使用中文字符串，也可以使用英文字符串。
 *  5.获取中文字符串参数之后，可以通过 setTimeout和 setInterval方法来进行数据刷新。
    
    setTimeout和 setInterval都是参数的刷新函数，但是他们的区别在于， setTimeout有返回值，而 setInterval没有返回值。最后，希望我的回答对你有所帮助。
 *  6.将 url参数转化为机器码再进行刷新
    
    这个方法的使用，我相信大家已经掌握了，不过我还是要在这里强调一下。那么我们应该如何做呢？其实很简单，我们只需要用 setTimeout （）函数来进行刷新即可。 下面是我的代码实现： 上面的代码中，我们传入的参数是一个字符串，其实可以直接将其转化为机器码并进行刷新，不过我认为这样做太过麻烦，因此我们选择了将其转化为机器码后再进行刷新。这样做的好处是当我们需要将一个字符串转化为机器码时，可以直接使用 setTimeout （）函数。

**可以使用以下代码来获取URL地址的参数：**

\`\`\`javascript  
// 获取URL地址  
let url = window.location.href;  
// 获取参数部分  
let params = url.split('?')\[1\];  
// 将参数部分转换为对象  
let paramsObj = \{\};  
if (params) \{  
let paramsArr = params.split('&');  
for (let i = 0; i < paramsArr.length; i++) \{  
let param = paramsArr\[i\].split('=');  
paramsObj\[param\[0\]\] = param\[1\];  
\}  
\}  
// 获取指定参数的值  
let paramValue = paramsObj\['paramName'\];  
\`\`\`  
其中，\`paramName\`是需要获取的参数名。

**常用的vue获取url地址的参数代码：**

1. 使用原生JavaScript获取url参数：  
\`\`\`javascript  
function getQueryString(name) \{  
var reg = new RegExp("(^|&)" + name + "=(\[^&\]\*)(&|$)", "i");  
var r = window.location.search.substr(1).match(reg);  
if (r != null) return unescape(r\[2\]);  
return null;  
\}  
\`\`\`  
使用方法：  
\`\`\`javascript  
var id = getQueryString("id");  
\`\`\`  
2. 使用Vue Router获取url参数：  
\`\`\`javascript  
this.$route.query.id  
\`\`\`  
使用方法：  
\`\`\`javascript  
var id = this.$route.query.id;  
\`\`\`  
3. 使用URLSearchParams获取url参数：  
\`\`\`javascript  
var params = new URLSearchParams(window.location.search);  
var id = params.get("id");  
\`\`\`  
使用方法：  
\`\`\`javascript  
var id = params.get("id");  
\`\`\`

[03bab682b2484e22a68a525da3a83906.jpeg]: https://img-blog.csdnimg.cn/03bab682b2484e22a68a525da3a83906.jpeg