5-12章节，emitter.emit("form-item-created", ValidateInput); 报错

来源：5-11 使用新版 mitt 时报出类型错误的解决方案

神空

2023-06-02

请问下老师，这个地方报错怎么解决呢？
图片描述

图片描述

写回答

1回答

张轩

2023-06-03

同学你好

你这里应该是替换成这篇指南后面 5-11 小节的解决方案。

也就是说，现在的 callback 的类型已经更新了。

不是 string 了。要和里面的类型相对应

ValidateForm 21 行

// 同样的思路，定义一个 events 类型
// 这个定义是让事件和对应的 callback 一一对应
type ValidateFunc = () => boolean
type Events = {'form-item-created': ValidateFunc}
// 实例化 mitt 的时候，作为泛型传递进去
export const emitter = mitt<Events>()

注意后面的38行 callback 类型应该也是 ValidateFunc 了
const callback = (func?: ValidateFunc) => {
 ...
}

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3176 学习 · 2352 问题

查看课程

相似问题

emitter.emit 报错

回答 2

给validateInput添加验证功能

回答 2

form Submit提交校验问题不生效

回答 1

我的mitt() 的使用方法是否出错了？funcArr.value.map(func => func()) 遍历的结果有错误

回答 1

emitter.on('form-item-created', callback) 报错

回答 2

打开慕课网App查看更多内容