事件绑定的函数不传值时,函数的第一个参数默认是 $event,类型是”MouseEvent“。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/115195e15d2ba39e38f1ce61dccb8830.png)
解决:传一个默认的参数即可,示例代码如下:
<template>
<!-- <div class="title" @click="showDialog">{{ navTitle }}</div> -->
<div class="title" @click="showDialog(true)">{{ navTitle }}</div>
</template>
<script lang="ts">
import { defineComponent, inject, reactive, toRefs, watch } from 'vue'
export default defineComponent({
name: 'InfoModule',
setup () {
const data = reactive({
showTitleDialog: false,
navTitle: ''
})
const showDialog = (val = true) => {
data.showTitleDialog = val
}
return {
showDialog,
...toRefs(data)
}
}
})
</script>