fixed #4895

梁灏
1 parent f308dcac
Showing 2 changed files with 32 additions and 2 deletions Show diff stats
examples/routers/drawer.vue
src/components/drawer/drawer.vue
@@ -5,7 +5,7 @@
         <Button @click="visible3 = true">show3</Button>
  
         <div style="width: 500px;height:500px;background: green;position: relative;">
-            <Drawer v-model="visible" placement="left" draggable inner :transfer="false" width="50" @on-resize-width="hrw" title="抽屉标题" :styles="styles" @on-close="handleClose">
+            <Drawer v-model="visible" placement="left" :before-close="handleBeforeClose" draggable inner :transfer="false" width="50" @on-resize-width="hrw" title="抽屉标题" :styles="styles" @on-close="handleClose">
                 <p>一些内容</p>
                 <p>一些内容</p>
                 <p>一些内容</p>
@@ -209,6 +209,20 @@
             },
             hrw (w) {
                 console.log(w);
+            },
+            handleBeforeClose () {
+                return new Promise((resolve, reject) => {
+                    this.$Modal.confirm({
+                        title: '关闭确认',
+                        content: '您确认要关闭抽屉吗？',
+                        onOk: () => {
+                            resolve();
+                        },
+                        onCancel: () => {
+                            reject();
+                        }
+                    });
+                });
             }
         }
     };
@@ -106,7 +106,8 @@
             draggable: {
                 type: Boolean,
                 default: false
-            }
+            },
+            beforeClose: Function,
         },
         data () {
             return {
@@ -176,6 +177,21 @@
         },
         methods: {
             close () {
+                if (!this.beforeClose) {
+                    return this.handleClose();
+                }
+
+                const before = this.beforeClose();
+
+                if (before && before.then) {
+                    before.then(() => {
+                        this.handleClose();
+                    });
+                } else {
+                    this.handleClose();
+                }
+            },
+            handleClose () {
                 this.visible = false;
                 this.$emit('input', false);
                 this.$emit('on-close');