我遇到了这个问题，我发现这是由于在DOM标记中声明了多个ConfirmDialog组件造成的。例如，如果您为每个使用它的组件添加一个确认对话框，然后您碰巧同时在页面上加载了2个以上的组件，您将看到该页面上存在的每个<ConfirmDialog />对应一个对话框。
解决方案是在根Vue组件中只声明一次ConfirmDialog，然后在每次调用它时，只导入useConfirm函数，然后使用该函数调用对话框。
例如：
App.vue

<script setup>
import ConfirmDialog from 'primevue/confirmdialog';
</script>

<template>
    <router-view></router-view>

    <ConfirmDialog />
</template>

每种其他组分：

<script setup>
import { useConfirm } from 'primevue/useconfirm';

const confirm = useConfirm();

const handleRemoveThing = () => {
    // bye
};

const onRemoveThing = () => {
    confirm.require({
        message: 'Are you sure you want to remove some thing?',
        header: 'Remove Thing',
        icon: 'icon-delete',
        rejectLabel: 'Cancel',
        acceptLabel: 'Remove',
        acceptClass: 'p-button-danger',
        accept: handleRemoveThing,
    });
};
</script>

<template>
    <div>
        <button @click="onRemoveThing">Remove</button>
    </div>
</template>