Wenn die ereignisgebundene Funktion keinen Wert übergibt, ist der erste Parameter der Funktion standardmäßig $event und der Typ ist „MouseEvent“.
Lösung: Übergeben Sie einfach einen Standardparameter. Der Beispielcode lautet wie folgt:
<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>