在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>

如果想要传参,其实也是可以的了,和正常的事件一样了

Logo

前往低代码交流专区

更多推荐