# popconfirm 气泡确认框

点击元素，弹出气泡式的确认框。

<a name="-"></a>
## 何时使用
目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。<br />和 ‘confirm’ 弹出的全屏居中模态对话框相比，交互形式更轻量，目标更明确。

<a name="EDQno"></a>
## 代码演示
```jsx
<template>
  <popconfirm title="确认删除?" okText="确认" cancelText="取消" @confirm="() => onDelete(11)">
    <a href="javascript:void(0);">删除</a>
  </popconfirm>
</template>
<script>
export default {
  methods: {
    onDelete (id) {
      console.log(id)
    }
  }
}
</script>
```

<a name="API"></a>
## API
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| cancelText | 取消按钮文字 | String | 取消 |
| okText | 确认按钮文字 | String | 确定 |
| title | 标题 | String | 确认执行此操作吗？ |
| placement | 出现位置(top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end) | String | top-end |
| type | 确认类型(warning/danger) | String | warning |


<a name="ydIXx"></a>
## 事件
| 事件名称 | 说明 | 回调参数 |
| :--- | :--- | :--- |
| cancel | 点击取消的回调 | function(e) |
| confirm | 点击确认的回调 | function(e) |