解决：不能将类型“(a?: number) =＞ void”分配给类型“(payload: MouseEvent) =＞ void”_不能将类型“(val: any, row: any) => void”分配给类型“(payload:-优快云博客

在Vue3+UniApp的项目中，当函数在click事件和其他地方被调用并设置默认参数时，若不传值，click事件会将$event作为第一个参数。这导致预期的默认值未生效。解决方案是为click事件的函数调用提供默认参数，例如`clickFn(0)`，以避免类型冲突。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题的出现：
做一个uniapp+vue3+ts的项目的时候，有个函数在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>

运行结果：

此时把鼠标悬浮在button标签的”click“上就出现了这个问题：

虽然底下有红线，但是也能用！

按下按钮，预想”a“打印出来的是0，可结果是：

原因：click事件绑定的函数不传值时，click事件触发的函数第一个入参默认返回$event，类型是”MouseEvent“，如果绑定函数的第一个入参为其他类型（我的是number类型），就会出现这个问题（标题）；触发click事件，函数的第一个入参输出的不是自己写的默认值，而是$event。

这么写：

<button @click="clickFn">clickFn</button>

相当于：

<button @click="clickFn($event)">clickFn</button>

解决：给click事件绑定的函数给一个默认的入参就好了：

<button @click="clickFn(0)">clickFn</button>

红线消失：