mirror of
https://github.com/youzan/vant.git
synced 2025-10-18 17:51:54 +00:00
[Improvement] Dialog: add before-close prop (#881)
This commit is contained in:
@@ -77,6 +77,7 @@ export default {
|
||||
| overlay | Whether to show overlay | `Boolean` | `true` | - |
|
||||
| closeOnClickOverlay | Whether to close when click overlay | `Boolean` | `false` | - |
|
||||
| lockScroll | Whether to lock body scroll | `Boolean` | `true` | - |
|
||||
| beforeClose | Callback before close,call done to close dialog | (action: string, done: function) => void | - | - |
|
||||
|
||||
#### Advanced Usage
|
||||
If you need to render vue components within a dialog, you can use dialog component.
|
||||
@@ -110,12 +111,12 @@ export default {
|
||||
},
|
||||
|
||||
methods: {
|
||||
onClickConfirmAsync() {
|
||||
return new Promise((resolve, reject) => {
|
||||
setTimeout(() => {
|
||||
resolve()
|
||||
}, 1000)
|
||||
})
|
||||
beforeClose() {
|
||||
if (action === 'confirm') {
|
||||
setTimeout(done, 1000);
|
||||
} else {
|
||||
done();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -136,6 +137,7 @@ export default {
|
||||
| overlay | Whether to show overlay | `Boolean` | `true` | - |
|
||||
| close-on-click-overlay | Whether to close when click overlay | `Boolean` | `false` | - |
|
||||
| lock-scroll | Whether to lock background scroll | `Boolean` | `true` | - |
|
||||
| before-close | Callback before close,call done to close dialog | (action: string, done: function) => void | - | - |
|
||||
|
||||
### Event
|
||||
|
||||
|
Reference in New Issue
Block a user