P-chip的OnRemove属性上P-comfirmpopup无法正常工作。

1. 确保P-comfirmpopup的依赖项已正确导入并位于P-chip的上方。

2. 确保P-chip组件内的标记正确包含了P-comfirmpopup组件的OnConfirm和OnCancel事件。

3. 确保你的代码中对P-chip组件的操作不会干扰到P-comfirmpopup组件的正确工作。

以下是一个示例代码，可以在OnRemove属性上使用P-comfirmpopup：

<template> <div> <p-chip @remove="onChipRemove"> {{message}} <p-confirmDialog header="Header" icon="pi pi-info-circle" :closable="false" @confirm="onConfirmation" @cancel="onCancellation"> {{confirmationMessage}} </p-confirmDialog> </p-chip> </div> </template>

<script> import PChip from 'primevue/chip'; import PConfirmDialog from 'primevue/confirmdialog';

export default { data() { return { message: 'This is a chip', confirmationMessage: 'Are you sure you want to remove this chip?' }; }, components: { PChip, PConfirmDialog }, methods: { onChipRemove() { this.$refs.confirmPopup.show(); }, onConfirmation() { console.log('Chip removed!'); }, onCancellation() { console.log('Chip not removed!'); } } }; </script>