2018-03-06 14:53:32 +00:00
|
|
|
|
|
|
|
<cn>
|
|
|
|
#### 确认对话框
|
|
|
|
使用 `confirm()` 可以快捷地弹出确认框。
|
|
|
|
</cn>
|
|
|
|
|
|
|
|
<us>
|
|
|
|
#### Confirmation modal dialog
|
|
|
|
To use `confirm()` to popup a confirmation modal dialog.
|
|
|
|
</us>
|
|
|
|
|
|
|
|
```html
|
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<a-button @click="showConfirm">
|
|
|
|
Confirm
|
|
|
|
</a-button>
|
|
|
|
<a-button @click="showDeleteConfirm" type="dashed">
|
|
|
|
Delete
|
|
|
|
</a-button>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
2018-03-07 13:36:15 +00:00
|
|
|
import { Modal } from 'antd'
|
|
|
|
const confirm = Modal.confirm
|
2018-03-06 14:53:32 +00:00
|
|
|
export default {
|
|
|
|
methods: {
|
|
|
|
showConfirm() {
|
2018-03-07 13:36:15 +00:00
|
|
|
confirm({
|
2018-03-06 14:53:32 +00:00
|
|
|
title: 'Do you Want to delete these items?',
|
|
|
|
content: 'Some descriptions',
|
|
|
|
onOk() {
|
|
|
|
console.log('OK');
|
|
|
|
},
|
|
|
|
onCancel() {
|
|
|
|
console.log('Cancel');
|
|
|
|
},
|
2018-03-07 13:36:15 +00:00
|
|
|
class: 'test',
|
2018-03-06 14:53:32 +00:00
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
showDeleteConfirm() {
|
2018-03-07 13:36:15 +00:00
|
|
|
confirm({
|
2018-03-06 14:53:32 +00:00
|
|
|
title: 'Are you sure delete this task?',
|
|
|
|
content: 'Some descriptions',
|
|
|
|
okText: 'Yes',
|
|
|
|
okType: 'danger',
|
|
|
|
cancelText: 'No',
|
|
|
|
onOk() {
|
|
|
|
console.log('OK');
|
|
|
|
},
|
|
|
|
onCancel() {
|
|
|
|
console.log('Cancel');
|
|
|
|
},
|
|
|
|
});
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
```
|
|
|
|
|