不能将类型“() =＞ void”分配给类型“MouseEvent”。

已于 2022-10-14 17:32:04 修改
阅读量5.7k 收藏 1
点赞数 5
分类专栏： ts vite vue3 文章标签： 前端
于 2022-10-14 17:30:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47278755/article/details/127324635
版权
vue3 同时被 3 个专栏收录
4 篇文章 0 订阅
订阅专栏
ts
2 篇文章 0 订阅
订阅专栏
vite
2 篇文章 0 订阅
订阅专栏

vite + ts最新 

 用vite+ts在@click、:style等会出现（报错）标红，不影响使用，但看着难受。

可以尝试这样写：

 其它类似的也一样。相当于将函数绑定成一个变量或者常量。

码农_视限<-------长不胖
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Row Highlighter for Gmail:trade_mark: and Inbox:trade_mark:-crx插件
04-02
语言:English 鼠标悬停时突出显示Gmail和收件箱中的行，并显示漂亮的颜色。 在Gmail（包括多个收件箱功能）和收件箱中的字母行中添加一些颜色。 还支持联系人列表（https://contacts.google.com/）。 从1.1版开始，您可以自定义颜色！ :-)样式格式由stasnikiforov贡献，构想由Jhon贡献（http://userstyles.org/styles/4725）。 您可能也对此扩展名感兴趣：https://chrome.google.com/extensions/detail/johdeoloijidhejmalfkpchbihbiamph
MouseEvent.rar
08-10
Form窗体 FormBorderStyle 在None模式下
TS入门总结
learntogiveup的博客
02-11 6654
基本数据类型 我们都知道js有6种基本数据类型：布尔、数字、字符串、null、undefined和es6新增的Symbol + 1种引用数据类型：对象（包含Object、Function、Array、Date等等）类型。 ts作为js的超集，ts也有一套数据类型和上述7中数据类型进行一一对应。这里我们先介绍5中基本类型：布尔、数字、字符串、null和undefined，Symbol暂时不会提到。 布尔值 基本数据类型，它有两个值：true/false。在ts中是这样表示一个bool值的： const isD
vue3打包时提示 TS2322:Type ‘() =＞ void‘ is not assignable to type ‘MouseEvent‘.
weixin_45547638的博客
10-13 3957
提示信息：不能将类型 ‘() => void’ 分配给 ‘MouseEvent’出现这种原因就是新安装的 @types/node 在18.8.4版本之后。在页面中使用在页面上使用@click会有错误提示。然后安装18.7.18版本的就可以了。更改@types/node 的版本。
JavaScript_python
2021wuwei
06-26 332
常量和变量 ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 在 ES6 之前，JavaScript 只有两种作用域： 全局变量 与 函数内的局部变量。 变量名的命名规范 数据类型 js / python 是一门拥有动态类型 字符串类型 方法 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IzOPmFza-1656038230772)(C:\Users\宋增\Pictures\联想锁屏壁纸\QQ截图2021082
不能将类型“($event: any) =＞ void”分配给类型“MouseEvent”
m_uncle的博客
10-12 6044
安装@types/node 18.8.4版本之后,在页面上使用@click会有错误提示,但是不影响使用,具体原因不知道是啥,希望看到的大佬帮忙解释下。然后安装18.7.18版本的就可以了。删掉@types/node。
解决：不能将类型“(a?: number) =＞ void”分配给类型“(payload: MouseEvent) =＞ void”
Daqiang0907的博客
06-18 1626
解决：不能将类型“(a?: number) => void”分配给类型“(payload: MouseEvent) => void”
TS2322 Type ‘void‘ is not assignable to type ‘MouseEventHandlerHTMLElement
weixin_45725653的博客
04-06 4057
问题：TS2322 Type 'void' is not assignable to type 'MouseEventHandlerHTMLElement 实例： 都是在类似这种"-----<-->"之后加一个 |any 。
不能将类型“void[]”分配给类型“ReactNode”。
weixin_46600931的博客
02-03 1788
不能将类型“void[]”分配给类型“ReactNode”。
Vue3项目使用Ts：不能将类型“(XXX?: boolean) =＞ void”分配给类型“(payload: MouseEvent) =＞ void”
最新发布
努力的nana
09-15 989
【代码】Vue3项目使用Ts：不能将类型“(XXX?: boolean) =＞ void”分配给类型“(payload: MouseEvent) =＞ void”
mouseEvent
02-17
mouseEvent
WindowEvent&MouseEvent.pptx
05-11
（2）给btn按钮添加监听器，希望单击该按钮，能在控制台输出“大家好！”，要求用内部匿名类处理；（3）该框架大小 ：水平宽为300象素，高为100象素；（4）该框架在屏幕中央显示；（5）单击框架“关闭”按钮，默认...
MouseEvent
02-13
MouseEvent
MouseEvent.zip
11-23
wpf鼠标操作，包括一个移动的案例和一个拖放的案例，在同一个项目文件中，在App.xaml中修改启动项即可
Java鼠标事件MouseEvent
06-20
当在一个组件上按下，释放，点击，移动或拖动鼠标时就会产生鼠标事件。MouseEvent对象捕获这个事件.
JavaScript基础知识点总结
WikY
09-21 256
数据类型 基本数据类型 Number 数字型 String 字符串型 Boolean 布尔类型 Undefined （声明了未赋值） Null （空值） 复杂数据类型 object 对象 function 函数 Array 数组 类型转换 转换为String类型 toString() String()强制转换 转换为Number型 parseInt() 将string转换成整数数值型 parseFloat() 将string转换成浮点型 Number()
TS的踩坑之路（一）
在路上`的博客
06-10 4140
TS 之踩坑之路
React + TypeScript实战（一）设定事件处理函数的参数类型
黑猫几绛的博客
07-17 3681
首先提出需求，给input框绑定一个change事件，打印输入框中每次输入的内容。在设定参数类型的时候，首先想到的就是Event从这个报错信息来看，onChange事件需要的似乎是一个这样类型的处理函数现在先引入这意味着，我们的onChange事件是一个，它自带的event参数类型为，由于这里是一个输入框，所以应该为event设置参数为再来试试，成功获取到了输入内容！接下来给扩展一个功能，如果有很多个输入框，是否可以共用同一个onChange方法呢？......
vue3 @click报错 不能将类型“($event: any) =＞ void”分配给类型“MouseEvent”
qq_41697998的博客
10-13 2713
vue3 @click报错 不能将类型“($event: any) =＞ void”分配给类型“MouseEvent”
不能将类型“Function”分配给类型“(event: MouseEvent) => void”。
05-05
这个错误通常是因为你试图将一个函数类型赋值给一个事件处理程序，但它们的类型不匹配。可能的原因有： 1. 函数参数类型不正确：请确保你的函数参数与事件处理程序所期望的参数类型相匹配。例如，如果你想将一个函数作为 click 事件处理程序，它应该接受一个 MouseEvent 类型的参数。 2. 函数返回类型不正确：请确保你的函数返回类型与事件处理程序所期望的返回类型相匹配。通常，事件处理程序不需要返回值，因此你的函数应该返回 void。 3. 函数本身不是有效的事件处理程序：请确保你的函数实际上是有效的事件处理程序，它应该能够处理特定的事件类型。如果你试图将一个不相关的函数分配给一个事件处理程序，那么你会得到这个错误。 例如，以下代码会导致这个错误： ```typescript // 错误示例 function handleClick() { console.log('Clicked!'); } const button = document.querySelector('button'); button.addEventListener('click', handleClick); // 错误：不能将类型“Function”分配给类型“(event: MouseEvent) => void” ``` 要解决这个问题，你可以将 handleClick 函数更改为接受一个 MouseEvent 参数，或者将其更改为返回 void。或者，你可以使用一个匿名函数来作为事件处理程序，以确保它具有正确的类型： ```typescript // 解决示例 function handleClick(event: MouseEvent) { console.log('Clicked!'); } const button = document.querySelector('button'); button.addEventListener('click', (event: MouseEvent) => handleClick(event)); ``` 这样，匿名函数就会接受正确的参数类型，并将其传递给 handleClick 函数。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值