我有一个Vue组件,它接受函数指针来执行删除操作.
<template>
<q-card class="my-card" >
<q-img :src="media.normal || media.original">
<div class="absolute-bottom text-center">
{{ media.title || 'No Title'}}
</div>
</q-img>
<q-card-section>
<div class="text-h6">{{ media.title}}</div>
</q-card-section>
<q-card-section class="q-pt-none">
<q-btn @click="actionDelete(media.uuid)">Delete</q-btn>
</q-card-section>
</q-card>
</template>
<script setup lang="ts">
import { PropType, ref } from 'vue';
import { MediaItem } from 'src/data/mediaItem';
const props = defineProps({
media: {
type: Object as PropType<MediaItem>,
required: true
},
actionDelete: {
type: Function,
required: true
}
});
</script>
根据我在文档和教程中发现的内容,我正在将该函数从我的父组件传递给子组件:
<MediaItemComponent :media="media" :actionDelete="actionDelete(media.uuid)" />
然而. VueJs(或TypScript?)正在抱怨:
ERROR(vue-tsc) Type 'void' is not assignable to type 'Function'.
我做错了什么?