首页 > 其他分享 >vue3 在 TypeScript 文件中,const route = useRoute();route undefined 不能在顶层作用域内使用 Vue 组件的 Hooks 函数,例如 useRo

vue3 在 TypeScript 文件中,const route = useRoute();route undefined 不能在顶层作用域内使用 Vue 组件的 Hooks 函数,例如 useRo

时间:2024-01-31 10:12:20浏览次数:25  
标签:Vue useRoute Hooks route 组件 router

ts文件内部不能使用import { useRoute } from 'vue-router';
const route = useRoute();route undefined

在 TypeScript 文件中,不能在顶层作用域内使用 Vue 组件的 Hooks 函数,例如 useRoute。Hooks 函数只能在 Vue 组件中使用。

如果你想在 TypeScript 文件中获取当前路由信息,你可以直接使用声明注册的router组件项目,import router from '@/router';,也就是使用import { createRouter, createWebHistory } from 'vue-router';中的const router = createRouterrouter 对象,再使用router.currentRoute.value

标签:Vue,useRoute,Hooks,route,组件,router
From: https://www.cnblogs.com/yoona-lin/p/17998626

相关文章

  • Vue-router 子路由(嵌套路由)介绍
    在Vue.js应用程序中,路由是实现单页面应用(SPA)导航的关键。Vue-router是Vue.js官方的路由管理器,提供了声明式的路由配置方式。子路由是一种路由组织方式,允许开发者将路由嵌套在父路由下,形成层次化的路由结构。这种结构有助于更好地组织和管理复杂的应用程序。子路由的使用场......
  • vue echarts hooks 封装
    vue中echartshooks的封装,监听主体的变化,监听窗口大小的变化。监听元素大小的变化hooksimportechartsfrom'@/echart/themeInit'import{debounce}from'@/utils/dehounce'import{useAppStore}from'@/pinia'constuseEchartHooks=(id,groupId)=>{......
  • 源码文件阅读---hooks的使用---使用文心一言读代码
    import{CommonFormTypes}from'globalConstants';import{createContext,useCallback,useState}from'react';import{BoardType}from'../../../DashBoardPage/pages/Board/slice/types';import{VizType}from'./slic......
  • 路由策略(前缀列表,策略工具-filter-policy,策略工具-Router-policy,双点双向路由重发布)
    1.前缀列表默认是拒绝,如果没写允许,就都是拒绝Greater-equal26less-equal32从子网掩码26-32被匹配,其他的被拒绝2.策略工具1:filter-policy(过滤策略)Export只对引入的路由,,对引入的路由在过滤,是不是发给我的邻居使用,import对所有路由器都可用*ospf:import*R1传......
  • router4j--SpringCloud动态路由利器
    前言本文介绍Java的动态路由中间件:router4j。router4j用于SpringCloud项目,它可以将某个url请求路由到指定的机器上,也可以将所有请求强制转到指定机器。问题描述Java后端在开发SpringCloud项目时如果同一个应用起了多个实例,会遇到以下问题:无法将指定url请求强制转到个人电脑。这样会......
  • VUE框架CLI组件化配置Router切换路由和保持路由状态和路由组件的销毁------VUE框架
    <template><div><MyHeader></MyHeader><div><h1>省份</h1><!--在默认的情况下,我们切换组件会导致原组件被销毁--><button@click="forward()">前进</button>......
  • VUE框架CLI组件化配置Router路由局部守卫path和componet和router完整项目实现------VU
    <template><div><!--组件分为普通组件和路由组件--><divclass="s2"><h2>县区</h2><ul><!--query形式接收--><!--<li>{{$route.......
  • 双网卡问题及route命令使用
    双网卡问题:IP路由依次查找:路由表IP段->默认路由1->默认路由2;如果路由表有目标IP段路由,则使用该路由;如果没有则使用默认路由;双网卡通常会自动有两个默认路由,这就可能导致网络问题;1,如果两张网卡设备都连接相同网络,这种情况不会有问题,两边网络一样使用那个默认路由都可以。2,通常情况......
  • ohos.router (页面路由) 框架
    UIAbility概述UIAbility是一种包含用户界面的应用组件,主要用于和用户进行交互。UIAbility也是系统调度的单元,为应用提供窗口在其中绘制界面。每一个UIAbility实例,都对应于一个最近任务列表中的任务。一个应用可以有一个UIAbility,也可以有多个UIAbility,如下图所示。例如浏览器......
  • P9018 [USACO23JAN] Moo Route G 题解
    首先有一些性质。因为保证有解,所以\(a_i\)一定都是\(2\)的倍数(必须一来一回)。并且总的步数应该为\(\suma_i\)。先考虑\(n\le2\)的情况,这时我们可以分情况讨论。因为每一条线段都会被来回走两次,所以我们可以先把每一个数都除以\(2\)。若\(a=b\),则最优情况一定是形......