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>
我的问题如下:
- 如何将上方
<script>段中的值传递到主<script setup>中? - 这是否是Vue的规范用法?如果不是,组合式API中还有什么方法可以获取来源路径的更多信息(如原组件名称)而非仅路径本身?
问题1:传递to/from到
相关产品推荐
相关产品推荐

