相当于:
<button @click="clickFn($通达信服务接口,event)">clickFn</button>
这么写:
<button @click="clickFn">clickFn</button>
解决:给click事件绑定的函数给一个默认的入参就好了:
<button @click="clickFn(0)">clickFn</button>
按下按钮,预想”a“打印出来的是0,可结果是:
虽然底下有红线,但是也能用!
原因:click事件绑定的函数不传值时,click事件触发的函数第一个入参默认返回$event,类型是”MouseEvent“,如果绑定函数的第一个入参为其他类型,就会出现这个问题;触发click事件,函数的第一个入参输出的不是自己写的默认值,而是$event。
此时把鼠标悬浮在button标签的”click“上就出现了这个问题:
以下是新创建的项目复现的代码:
<template>
<button @click="clickFn">clickFn</button>
</template>
<script setup lang="ts">
import { onMounted } from "vue";
function clickFn(a:number=0) {
console.log("clickFn", a);
}
onMounted(()=>{
console.log("其它要用到clickFn函数的地方")
clickFn()
clickFn(1)
})
</script>
运行结果:
文章为作者独立观点,不代表股票交易接口观点