vue3+ts使用原生click事件报错
不能将类型“() => void”分配给类型“MouseEvent”。不能将类型“() => void”分配给类型“Event”。报错但能使用
·
在vue3开发过程中,我想在原生的html元素上使用事件,虽然报错,但能运行
版本:
"@types/node": "^18.11.4",
"vue": "^3.2.37",
"typescript": "^4.6.4",
在vue3+ts中使用原生click,input等事件报错,情况如下:
vue3可以使用这两种方式定义方法,但都一样
不知道是什么的,不过解决如下 :
方案是偏向第一种方式,使用ref来解决,就像先定义dom元素再使用就没有报错了
<template>
<div @click="add">点击事件</div>
<input @input="a"/>
</template>
<script setup lang='ts'>
//可以先把value和ref放到一起
let add = ref().value
add = ()=>{
console.log(1111);
}
//也可以定义方法时再使用
let a = ref()
a.value =()=>{
console.log(222);
}
</script>
如果想要传参,其实也是可以的了,和正常的事件一样了
更多推荐
已为社区贡献7条内容
所有评论(0)