vue如何获取 url 参数
时间: 2024-04-29 22:23:27 浏览: 125
VueJS 取得 URL 参数值的方法
5星 · 资源好评率100%
Vue 可以通过访问 window.location 对象来获取 URL 参数。
例如,假设 URL 是 "http://example.com?name=john&age=30",你可以使用以下代码来获取参数:
```javascript
// 获取 URL 参数
const params = new URLSearchParams(window.location.search)
const name = params.get('name') // 'john'
const age = params.get('age') // '30'
```
这里使用了 URLSearchParams 对象来获取 URL 参数。get() 方法可以用于获取指定参数的值。
如果你需要在 Vue 组件中获取 URL 参数,可以在 mounted 钩子函数中使用上述代码:
```javascript
export default {
mounted() {
const params = new URLSearchParams(window.location.search)
const name = params.get('name')
const age = params.get('age')
console.log(name, age)
}
}
```
阅读全文