vue3 气泡弹出框

在Vue3项目中使用Ant Design Vue的气泡确认框（Popconfirm）可以通过以下步骤实现：

1. 首先，确保你已经安装了Ant Design Vue插件。你可以通过以下命令来安装：

npm install ant-design-vue@next --save

2. 在你的Vue组件中引入Popconfirm组件：

import { Popconfirm } from 'ant-design-vue';

3. 在template中使用Popconfirm组件来展示气泡确认框：

<Popconfirm
  title="确认要查看相关信息吗？"
  okText="是"
  cancelText="否"
  @confirm="handleConfirm"
  @cancel="handleCancel"
>
  <a>点击查看</a>
</Popconfirm>

在上面的代码中，`title`属性用于设置确认框的提示信息，`okText`和`cancelText`属性用于设置确认和取消按钮的文本，`@confirm`和`@cancel`事件分别用于处理确认和取消操作。

4. 在Vue组件的methods中定义`handleConfirm`和`handleCancel`方法来处理确认和取消操作：

methods: {
  handleConfirm() {
    // 处理确认操作
    // 在这里可以编写相关逻辑来展示信息
  },
  handleCancel() {
    // 处理取消操作
  }
}

通过以上步骤，你就可以在Vue3项目中使用Ant Design Vue的气泡确认框来展示信息供查看了。