elementplus 气泡确认框 怎么设置弹出的位置

Element Plus 是一个基于 Vue 3 的组件库，它提供了一系列 UI 组件供开发者使用。其中，气泡确认框（Popconfirm）是一个轻量级的确认框组件，常用于给用户提供选择或确认操作。

要设置 Element Plus 气泡确认框弹出的位置，你可以使用 `popper-class` 属性来指定一个自定义的类名，然后通过 CSS 来控制弹出位置。`popper-class` 接收一个类名，这个类名会被添加到气泡确认框的 popper 容器上。你可以通过修改这个类的 CSS 样式来改变弹出的位置。

例如，你可以这样使用：

<el-popconfirm
  title="这是一段提示文字"
  popper-class="my-popover"
  @confirm="handleConfirm"
  @cancel="handleCancel">
  <el-button slot="reference">气泡确认</el-button>
</el-popconfirm>

然后在你的 CSS 中添加如下样式：

.my-popover .popper__arrow,
.my-popover .popper__arrow::after {
  /* 设置箭头方向 */
}

.my-popover {
  /* 设置弹出框的其他位置样式 */
}

通过调整 `.my-popover` 类下的样式，你可以自定义气泡确认框的位置，例如通过改变 `.popper__arrow` 类来调整箭头方向和位置，通过修改 `.my-popover` 来调整弹出框的整体位置等。

需要注意的是，对于不同方向的弹出，可能需要调整的 CSS 属性也不尽相同，这需要你根据实际的布局和设计来具体分析。