2019-04-17 02:21:28 +00:00
< cn >
#### 销毁确认对话框
使用 `Modal.destroyAll()` 可以销毁弹出的确认窗。通常用于路由监听当中,处理路由前进、后退不能销毁确认对话框的问题。
< / cn >
< us >
#### destroy confirmation modal dialog
`Modal.destroyAll()` could destroy all confirmation modal dialogs. Usually, you can use it in router change event to destroy confirm modal dialog automatically
< / us >
```html
< template >
< a-button @click =" showConfirm " >
Confirm
< / a-button >
< / template >
< script >
import Button from '../../button'
export default {
methods: {
showConfirm() {
2019-09-11 10:11:48 +00:00
const self = this
2019-04-17 02:21:28 +00:00
for (let i = 0; i < 3 ; i + = 1 ) {
setTimeout(() => {
this.$confirm({
2019-05-13 11:09:21 +00:00
content: 'destroy all',
2019-04-17 02:21:28 +00:00
onOk() {
return new Promise((resolve, reject) => {
setTimeout(Math.random() > 0.5 ? resolve : reject, 1000);
}).catch(() => console.log('Oops errors!'));
},
2019-05-13 11:09:21 +00:00
cancelText: 'Click to destroy all',
onCancel() {
2019-09-11 10:11:48 +00:00
self.destroyAll()
2019-05-13 11:09:21 +00:00
},
2019-04-17 02:21:28 +00:00
});
}, i * 500);
}
},
destroyAll() {
this.$destroyAll();
}
}
}
< / script >
```