You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vue3组合式API中如何获取beforeRouteEnter类路由守卫数据?

Vue 3组合式API中获取beforeRouteEnter的to/from数据方案

问题背景

我正在开发一个使用组合式API的Vue单文件组件项目,希望获取来源页面的相关数据(比如原组件名称等)——也就是Options API中beforeRouteEnter守卫提供的全部数据,但组合式API的导航守卫里没有等价的beforeRouteEnter守卫。

我尝试在主<script setup>上方添加单独的<script>段,但不知道如何在主setup中访问该段内的to/from值:

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
    beforeRouteEnter(to, from) {
        // 这里拿到了to/from,但不知道怎么传给下面的setup
    },
});
</script>

<script lang="ts" setup>
// 如何在这里访问to/from?
</script>

我的问题如下:

  1. 如何将上方<script>段中的值传递到主<script setup>中?
  2. 这是否是Vue的规范用法?如果不是,组合式API中还有什么方法可以获取来源路径的更多信息(如原组件名称)而非仅路径本身?

问题1:传递to/from到

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 17:02:56