vue3 a标签href跳转页面携带参数 获取参数

如果你想要在 `a` 标签中跳转到另一个页面并且携带参数，可以使用以下方式：

1. 在链接中直接添加参数：

<a href="/page?id=123">跳转到页面</a>

在另一个页面中，可以通过以下方式获取参数：

const searchParams = new URLSearchParams(window.location.search);
const id = searchParams.get('id');
console.log(id); // 输出：123

2. 使用路由跳转并携带参数：

如果你使用的是 Vue Router，你可以在 `router-link` 组件中使用 `to` 属性来指定跳转的路径，并且通过 `query` 属性来传递参数：

<router-link :to="{ path: '/page', query: { id: 123 } }">跳转到页面</router-link>

在另一个页面中，可以通过以下方式获取参数：

const id = this.$route.query.id;
console.log(id); // 输出：123

希望能够帮到你！

相关问题

vue3跳转页面携带参数

在Vue3中，可以通过params和query两种方式来跳转页面并携带参数。

1. 使用params进行传参：
在需要跳转的页面，可以使用router.push方法来进行跳转，并在params对象中传入参数。例如：

function acty() {
  router.push({ name: 'tiaozhn', params: { id: "aaa" } })
}

在接收参数的页面，可以通过route.params来获取传递的参数。例如：

console.log(route.params.id);

这样就可以获取到传递的参数值。

2. 使用query进行传参：
在需要跳转的页面，可以使用router.push方法来进行跳转，并在query对象中传入参数。例如：

const methodClick = (data) => {
  let paramValue = data.deviceCode
  router.push('/equipment/operation?deviceCode=' + paramValue)
}

在接收参数的页面，可以通过route.query来获取传递的参数。例如：

onMounted(() => {
  if (route.currentRoute.value.query.deviceCode) {
    state.codeDevice2 = route.currentRoute.value.query.deviceCode
  }
})

这样就可以获取到传递的参数值。

需要注意的是，在接收参数的页面，需要先引入useRoute或useRouter来获取route对象，然后通过route.params或route.query来获取参数值。
#### 引用[.reference_title]
- *1* [VUE3 跳转传参的三种方式](https://blog.csdn.net/qq_54602808/article/details/119789250)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Vue3.0路由跳转携带参数](https://blog.csdn.net/renfeideboke/article/details/129120530)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

VUE3 页面跳转携带参数

在 Vue3 中，可以使用 `router.push` 方法进行页面跳转，并且可以通过第二个参数传递参数。例如：

// 在当前页面跳转到 /target 页面，并携带参数 id=123
router.push({ path: '/target', query: { id: 123 }})

在目标页面中，可以通过 `$route.query` 获取传递的参数。例如：

// 获取参数 id 的值
const id = $route.query.id