ts 子组件中 定义的方法报错

最新推荐文章于 2024-07-11 16:54:09 发布
最新推荐文章于 2024-07-11 16:54:09 发布
阅读量3.7k 收藏
点赞数
分类专栏： ts typescript 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fred8/article/details/120716407
版权
本文档描述了在TypeScript组件中遇到onRef属性不匹配导致的错误，详细解释了父组件传递方法时与子组件接收方法的类型不一致的问题。通过提供子组件正确定义onRef的方法（onRef:(ref:any) => void），成功消除了报错，实现了无标红的正确状态。解决方案对理解TypeScript组件间通信及类型匹配具有参考价值。
摘要由CSDN通过智能技术生成

报错事例

typtscript 组件中定义方法报错

不能将类型“{ onRef: (ref: any) => void; }”分配给类型“IntrinsicAttributes & IntrinsicClassAttributes<Component<Omit<IProps, “form”>, any, any>> & Readonly<…> & Readonly<…>”。
类型“IntrinsicAttributes & IntrinsicClassAttributes<Component<Omit<IProps, “form”>, any, any>> & Readonly<…> & Readonly<…>”上不存在属性“onRef”。

父组件中：
在这里插入图片描述

解决方法

子组件中按照图片规范方法即可

onRef:(ref: any) => void;
在这里插入图片描述

结果

无标红报错
在这里插入图片描述

知知洋洋
关注
专栏目录
vue 父组件调用子组件的方法报错，“TypeError: Cannot read property ‘subDialogRef‘ of undefined“
u013474230的博客
06-09 3936
vue 父组件调用子组件的方法报错，“TypeError: Cannot read property ‘subDialogRef’ of undefined” 最近用vue做的一个界面，引入了一个子组件，在父组件中调用子组件的方法时，报错提示： [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘methods’ of undefined” 子组件中定义的方法如下： export default { data(){
ieda ts文件报错_ts笔记
weixin_39555320的博客
12-21 895
背景typescript 是微软发明的，像js是网景公司发明的，每一门语言都是人发明的，由于是人发明的，人总是会犯错，所以每一门语言都会有一些错误，那typescript主要就是为了解决js的一些错误或认为它不好的地方复制代码TS是什么TypeScript = Type + Script(标准JS)。我们从TS的官方网站上就能看到定义：TypeScript is a typed superset ...
二次封装el-tooltip时遇到更改props数据的报错问题
moonxue_的博客
06-07 272
大致意思就是说在子组件中改变了父组件传过来的prop里的值，我就很郁闷，因为我一开始也不知道是哪里改掉了父组件的值，这个组件的封装的原理就是将一个el-tooltip的组件的实例对象存储起来，后续通过鼠标事件去改这个实例对象的挂在dom及显示内容，所以我一直不明白哪里有父组件，后续通过访问保存起来的实例对象发现了父组件，然后通过触发父组件的函数改变content的值，就不用报错啦~这个就是自己封装的组件文件-----my-tooltip.vue。tool.js---vuex文件。封装是参考的这篇帖子。
string
Arthur的博客
02-13 1244
string 对字符串常用的需求功能进行了封装，使得操作起来更方便且不易出错，在使用时需加上 string 头文件，即 #include &amp;amp;lt;string&amp;amp;gt;，并在头文件下加上 “using namespace std;”。 string 的定义 string str; 如果要初始化可以直接给 string 类型的变量进行赋值： string str = &amp;quot;abcd&amp;quot;
vue3 ts+ element plus中 el-date-picker 动态绑定type
最新发布
ZillahV06的博客
07-11 204
【代码】vue3 ts+ element plus中 el-date-picker 动态绑定type。
vue3+ts 不能将类型“string”分配给类型“Record＜string, any＞
m0_58893670的博客
02-10 5062
vue3+ts 不能将类型“string”分配给类型“Record
vue3（ts报错）：类型“string | undefined”的参数不能赋给类型“string”的参数。不能将类型“undefined”分配给类型“string”。ts(2345)
qq_47902937的博客
07-14 4604
在ts中对类型的要求很高需要转换为对应的类型。
String类型
whydeboke的博客
02-15 458
String类型 要点提示：字符串是一个字符序列。 char 类型只能表示一个字符。为了表示一串字符，使用称为 String (字符串）的数据类型。例如，下述代码将 message声明为一个字符串，其值为 "Welcome to Java"； String message = "Welcome to Java"; String 实际上与System 类...
vue3 在应用ts时 引入子组件报错
04-28
这可能是因为你在子组件中没有正确地定义 props 属性。在 Vue 3 中，使用 TypeScript 时，你需要为 props 添加类型注解。例如： ```typescript interface Props { message: string; } export default ...
vue3.0 子组件调用父组件中的方法
m0_54850952的博客
03-06 568
在vue2中，子组件调用父组件，直接使用this.$emit()即可。 但是在vue3中，很显然使用this.$emit() 已经开始报错了，为什么会报错呢？ 原因是：在vue3中setup是在声明周期beforeCreate和created前执行，此时vue对象还未创建，因此我们无法使用this。 那么我们在vue3中，子组件该如何调用父组件的函数呢？ 方法一： 首先写一个 Child.vue，重点在 setup 函数中引入 context 形参，配合 emit 使用。定义了两个函数，toFather
vue3+TS报错：不能将类型“unknown”分配给类型“string”（TS）
潮汐未见潮落的博客
11-22 1万+
vue3+TS报错：不能将类型“unknown”分配给类型“string”（TS）
antdesign typescript报错 类型“IntrinsicAttributes & XXXProps”上不存在属性“children”
06-02 1万+
原因是react现在要求children必须在props里声明类型，但是目前的antdesign还没有为此进行更新（什么时候更了告诉我一声）以Modal组件为例，当我们在Modal里包东西的时候就会如下报错：不能将类型“{ children: Element; getContainer: () => HTMLElement; bodyStyle: { padding: number; minWidth: string; }; visible: boolean; footer: null; closable:
解决：不能将类型“(a?: number) =＞ void”分配给类型“(payload: MouseEvent) =＞ void”
Daqiang0907的博客
06-18 2138
解决：不能将类型“(a?: number) => void”分配给类型“(payload: MouseEvent) => void”
typescript：命名空间
前端御书房
11-03 652
在JavaScript程序中，通常使用“命名空间”来组织并隔离代码以免产生命名冲突等问题，最为流行的实现命名空间的方法是使用立即执行的函数表达式。TypeScript利用了这个经典的命名空间实现方式并提供了声明命名空间的简便语法命名空间通过namespace关键字来声明，它相当于一种语法糖在定义命名空间的名字时允许使用以点符号“.”分隔的名字同等于默认情况下，在命名空间内部的声明只允许在该命名空间内部使用，在命名空间之外访问命名空间内部的声明会产生错误。
如何在 TypeScript 中使用命名空间
油墨香^-^的博客
12-05 227
介绍TypeScript 是 JavaScript 语言的扩展，它使用 JavaScript 运行时和编译时类型检查器。TypeScript 提供了多种方法来表示代码中的对象，其中一种是使用接口。 TypeScript 中的接口有两种使用场景：您可以创建类必须遵循的约定，例如，这些类必须实现的成员，还可以在应用程序中表示类型，就像普通的类型声明一样。 您可能会注意到接口和类型共享一组相似的功能。事实上，一个几乎总是可以替代另一个。主要区别在于接口可能对同一个接口有多个声明，TypeScript 将合并这些声
“xxxxxx是“命名空间”，但此处被当做“类型”来使用”的解决方案
热门推荐
艾米粒's Blog
01-30 3万+
最近学习C#遇到几次这个问题，在编写ArrayList和StringBuilder的时候，主函数中对这些封装类都会报“xxxxxx是“命名空间”，但此处被当做“类型”来使用”的错误。几次查找资料终于知道了错在了哪里。 为了图方便直接把项目名称命名成了类名，就是错在了这里，命名空间的优先级高于类名，新建项目改变项目名称就好了。 总之，避免类名和项目名称重复。...
面试题-TS(九)：什么是命名空间（namespaces）？
weixin_42560424的博客
07-26 600
命名空间是一种逻辑上的分组机制，它将相关的代码组织在一起，形成一个独立的作用域。在TypeScript中，命名空间通过关键字namespace来定义，它可以包含类、接口、函数、变量等各种类型的代码。命名空间允许我们将代码模块化，避免全局命名冲突，提高代码的可维护性和可读性。// 定义命名空间 namespace MyNamespace {");} } // 使用命名空间中的成员 console . log(MyNamespace . name);
TS学习笔记（十）：命名空间
冰雪为融的博客
05-13 498
在确保我们创建的变量不会泄露至全局变量中，我们以前曾采用过这种代码组织形式： (function(someObj){ someObj.age = 18;})(someObj || someObj = {}); 复制代码 但在基于文件模块的项目中，我们无须担心这一点，此种方式，适合用于合理的函数逻辑分组中，在 TypeScript 中，提供了 namespace 关键字来描述这种分组，在 typescript 编译器进行编译过后，命名空间也就被编译成了...
【TypeScript】namespace 命名空间
小秀的博客
08-23 924
在 TypeScript 中，命名空间（Namespace）是一种用于组织和管理代码的机制，它可以避免全局作用域下的命名冲突，并将相关的代码封装在一个命名空间内。相反地，如果一个文件不带有顶级的import或者export声明，那么它的内容被视为全局可见的。在使⽤模块时，可以使⽤ import 和 export 进⾏代码的导⼊和导出，可以更⽅便地组织和。需要注意的是，在现代 TypeScript 中，命名空间的使用已经逐渐被模块化替代。在命名空间中，如果要在外部访问命名空间中的成员，需要使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知知洋洋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值