vue 获取url参数方法
时间: 2023-09-13 22:08:27 浏览: 124
可以使用以下方法来获取 URL 参数:
1. 使用原生 JavaScript:
```javascript
let params = new URLSearchParams(window.location.search);
let paramValue = params.get('paramName');
```
2. 使用 Vue Router:
```javascript
this.$route.query.paramName
```
其中,`paramName` 是需要获取的参数名。
相关问题
vue 获取url 参数
你可以使用 `vue-router` 中的 `this.$route.query` 来获取 URL 中的参数。`this.$route.query` 返回一个对象,其中包含了 URL 中的所有参数。
下面是一个示例代码:
```javascript
// 假设 URL 为 /example?name=John&age=25
// 在组件中获取参数
created() {
const name = this.$route.query.name; // "John"
const age = this.$route.query.age; // "25"
}
// 或者使用计算属性获取参数
computed: {
name() {
return this.$route.query.name; // "John"
},
age() {
return this.$route.query.age; // "25"
}
}
```
这样就可以通过 `this.$route.query` 获取到 URL 中的参数值了。
vue 获取url参数
可以使用以下代码获取 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;
}
```
其中,name 为需要获取的参数名。
例如,如果 URL 为 `http://www.example.com?id=123&name=abc`,则可以使用以下代码获取 id 参数的值:
```javascript
var id = getQueryString("id"); // 123
```
阅读全文