vue + typescript使用过程中报Property 'xxx' does not exist on type 'Vue'错误

最新推荐文章于 2024-05-12 21:24:16 发布
最新推荐文章于 2024-05-12 21:24:16 发布
阅读量2.3w 收藏 10
点赞数 10
分类专栏： Vue+iView爬坑系列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mianyao1004/article/details/103920474
版权

在使用ts的过程中发现，父组件调用子组件方法的时候

this.$refs.chlid.chlidMethod()

发现vscode报错Property 'chlidMethod' does not exist on type 'Vue的情况，但是实际上运行效果完全没问题。

主要原因是 vscode会根据声明文件自动进行类型推断的，这里没法知道childMethod的类型

因此，如下即可

(this.$refs.chlid as any).chlidMethod()
bdlaxx
关注
  • 10
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
主要介绍了vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance（2339），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小...
vue + typescript + video.js实现 流媒体播放 视频监控功能
12-09
视频才用流媒体，有后台实时返回数据， 要支持flash播放， 所以需安装对应的flash插件。当视频播放时，每间隔3秒向...import { Component, Emit, Prop, Vue } from 'vue-property-decorator'; import 'video.js/dist/v
ts：报错Property xxx does not exist on type
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
06-01 6620
1、把 this.$router 改为 this['$router'] 2、对类型进行补充，修改文件vue-shim.d.ts
【vue报错】Property or method “scope“ is not defined
weixin_45844670的博客
01-09 6665
VUE报错：Property or method “scope” is not defined 是因为缺失了 slot-scope=“scope”，造成组件认为 scope 未定义，加上去就行
解决TS报错：Property ‘style‘ does not exist on type ‘Element‘
最新发布
duansamve的博客
05-12 320
在使用queryselector获取一个dom元素，编译时却报错说Property 'style' does not exist on type 'Element'。原因：这是typescript的类型检查导致的，需要在querySelector方法前面加个类型断言。
Property or method “scope“ is not defined
爱吾所爱，无所不能
09-15 4034
VUE报错：Property or method "scope" is not defined 是因为缺失了slot-scope="scope"，造成组件认为 scope 未定义，加上去就行
vue学习
奔跑的蜗牛的博客
01-03 235
vue学习第一天——2020/1/3 一、组件积累 el-card Attributes 参数 说明 类型 可选值 默认值 header 设置header，也可以通过slot#header传入DOM string - - body-style 设置body的样式 object - {padding:‘20px’} shadow 设置阴影显示时机 string alway...
作用域插槽
阿拉斯加头头的博客
03-16 139
作用域插槽 父组件对子组件加工处理 既可以复用子组件的slot，又可以使slot内容不一致 <div id="app"> <!-- 1、当我们希望li 的样式由外部使用组件的地方定义，因为可能有多种地方要使用该组件， 但样式希望不一样 这个时候我们需要使用作用域插槽 --> <fruit-list :list='list'> <!-- 2、 父组件中使用了<template>元素,而且包含sc
记录Property ‘xxx‘ does not exist on type问题解决方法
liyp921210的博客
03-20 5151
在Vue3 + TS 的demo项目中 , 使用app.config.globalProperties.$session = sessionStorage封装了一个全局的$session , 但是出现了Property '$session' does not exist on type的报错提示 , 查找了下发现是需要写一个声明文件。在src文件夹下新建一个xxx.d.ts文件。
vue+Ts 报vue ts this报Property ‘x‘ does not exist on type
weixin_51406830的博客
06-09 2497
个人感觉就是TS检测不到this的类型，解决方法如下： 1.第一种方法 (this as any) 后面跟要调用的就行 2.第二种方法 //tsconfig.json文件 "strict": false, //改成false //参考链接:https://cn.vuejs.org/v2/guide/typescript.html ...
Vue3 使用嵌套路由、以及遇到的 Property ‘xxx‘ does not exist on type
热门推荐
qq_43426246的博客
03-08 1万+
Vue3 与 vue2 Router中的使用，以及 Property 'xxx' does not exist on type
TypeScript/TS 错误：用 class 定义对象时 Property ‘***‘ does not exist on type ‘***‘.
YopenLang的博客
07-12 1285
我们在使用 定一个类时，直接给类实例添加属性会报一个 TS 的错误： 比如上面， 会报错：💥 因此，我们需要加上类型定义： 这样就避免了报错。[1] https://stackoverflow.com/questions/41315930/class-declaration-property-does-not-exist-on-type-in-typescript......
vue+ts computed中Property ‘funnelData‘ does not exist on type ‘Vue‘.问题原因及解决方法
我是我
07-14 1232
Property 'funnelData' does not exist on type 'Vue'.
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339）
11-19
问题描述：
最新完整Vite+Vue3+TypeScript项目实战.zip
05-10
最新完整Vite+Vue3+TypeScript项目实战 最新完整Vite+Vue3+TypeScript项目实战 最新完整Vite+Vue3+TypeScript项目实战 最新完整Vite+Vue3+TypeScript项目实战 最新完整Vite+Vue3+TypeScript项目实战 最新...
vue3 + ts + element-plus ref获取节点报错 Property ‘xxx‘ does not exist on type ‘HTMLElement‘
Jie0817的博客
12-08 5877
vue3 + ts + element-plus ref获取节点报错 Property 'xxx' does not exist on type 'HTMLElement'
vue + typescript：Property ‘xxx‘ does not exist on type ‘Vue‘.
weixin_53035812的博客
08-09 468
比较暴力的解决方法:(xxx as any)...... 举个栗子:(state.queryParams.dictTypeasany)=state.defaultDictType; 这就不会出现警告 还在学习TS中
Vue 错误 Property ‘xxx‘ does not exist on type ‘{}‘.
Tao 技术博客
12-21 1801
vue 简单错误
vue3 ts Property 'use' does not exist on type 'typeof
05-11
这个错误通常是因为你在 Vue3 中使用了 Vue2 的语法。在 Vue3 中，`Vue.use()` 方法被移除了，取而代之的是使用 `createApp` 方法来创建 Vue 实例。如果你想在 Vue3 中使用插件，可以通过 `app.use()` 方法安装插件。请尝试更新你的代码以适应 Vue3 的语法。 以下是一个使用 TypeScript 和 Vue3 的示例： ``` import { createApp } from 'vue'; import MyPlugin from './my-plugin'; const app = createApp(App); app.use(MyPlugin); app.mount('#app'); ``` 在上面的示例中，`MyPlugin` 是一个 Vue 插件，通过 `app.use()` 方法安装到 Vue 实例中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值