vue3如何获取地址栏的参数?后面的参数
时间: 2024-06-15 22:06:59 浏览: 161
VueJS 取得 URL 参数值的方法
5星 · 资源好评率100%
在Vue 3中,你可以使用`vue-router`来获取地址栏的参数。具体步骤如下:
1. 首先,确保你已经安装了`vue-router`。如果没有安装,可以通过以下命令进行安装:
```
npm install vue-router
```
2. 在你的Vue项目中,创建一个路由文件(通常是`router.js`),并配置路由信息。例如:
```javascript
import { createRouter, createWebHistory } from 'vue-router';
const routes = [
// 其他路由配置...
];
const router = createRouter({
history: createWebHistory(),
routes
});
export default router;
```
3. 在你的Vue组件中,通过`this.$route.query`来获取地址栏的参数。例如:
```javascript
export default {
mounted() {
const param = this.$route.query.paramName;
console.log(param);
}
}
```
其中,`paramName`是你想要获取的参数名。
阅读全文