vue怎么获取地址栏参数

如何在 Vue 中获取 URL 地址栏参数

在 Vue.js 中，可以通过以下两种方式获取 URL 地址栏参数：

方式 1：使用 $route.query 对象

该对象包含了 URL 地址栏查询字符串中的键值对。例如，对于 URL http://example.com/?foo=bar&baz=qux，$route.query 将包含以下对象：

立即学习“前端免费学习笔记（深入）”；

{  foo: 'bar',  baz: 'qux'}

要访问特定参数，可以使用以下语法：

const paramValue = this.$route.query.paramName;

方式 2：使用 useRoute() 钩子

useRoute() 钩子返回包含当前路由信息的 Route 对象。该对象具有一个 params 属性，其中包含路由参数。例如：

import { useRoute } from 'vue-router';const route = useRoute();const paramValue = route.params.paramName;