$route

m0_65040631

于 2023-07-25 22:22:13 发布

阅读量151

点赞数

文章标签： vue.js javascript 前端 typescript

本文链接：https://blog.csdn.net/m0_65040631/article/details/131927590

版权

在使用Vue.js和TypeScript的项目中，一个包含动态标签的组件引用了$route.name，但出现了类型错误，提示$route属性不存在于当前类型上。错误出现在对组件数据的处理中，可能需要引入VueRouter的类型定义来解决这个问题。

摘要由CSDN通过智能技术生成

<el-tag v-for="(item,index) in tab" :key="index" :disable-transition="false" :closable="item.name !== '首页'"

effect="plain" @click="changeMenu(item)" @close="closeMenu(item)">

</el-tag>

</div>

路由文件：

const routes = [

{

path: "/",

component: () => import('../components/Home.vue'),

{

path: "/Home",

component: () => import('../components/Home.vue'),

children: [

{

path: "/CommonHerder",

component: () => import('../components/CommonHerder.vue'),

{

path: "/CommonAside",

component: () => import('../components/CommonAside.vue'),

{

path: "/page1",

component: () => import('../views/page/page1.vue'),

{

path: "/page2",

component: () => import('../views/page/page2.vue'),

{

path: "/page3",

component: () => import('../views/page/page3.vue'),

] as any[]

] as any;

使用了ts, 报错：

[{
   "resource": "/d:/vueLX/bookSystem/booksystem/src/components/CommonTab.vue",
   "owner": "_generated_diagnostic_collection_name_#0",
   "code": "2339",
   "severity": 8,
   "message": "类型“{ $: ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{}>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>; ... 10 more ...; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => ...”上不存在属性“$route”。",
   "source": "ts",
   "startLineNumber": 6,
   "startColumn": 9,
   "endLineNumber": 6,
   "endColumn": 15
}]