add closable props for $Modal https://github.com/iview/iview/issues/2362

zhigang.li
1 parent 54faea37
Showing 2 changed files with 16 additions and 2 deletions Show diff stats
examples/routers/modal.vue
src/components/modal/confirm.js
@@ -18,6 +18,7 @@
                 <i-option v-for="item in options" :value="item.value" :key="item.value">{{ item.label }}</i-option>
             </i-select>
         </Modal>
+        <Button @click="showModelFunc">弹出</Button>
     </div>
 </template>
 <script>
@@ -123,6 +124,13 @@
                     item.loading = false;
                     callback();
                 }, 1000);
+            },
+            showModelFunc () {
+                this.$Modal.success({
+                    title: 'haha',
+                    content: 'lsisdfsdfsdfs',
+                    closable: false
+                });
             }
         }
     }
@@ -22,7 +22,8 @@ Modal.newInstance = properties =&gt; {
             showCancel: false,
             loading: false,
             buttonLoading: false,
-            scrollable: false
+            scrollable: false,
+            closable: true
         }),
         render (h) {
             let footerVNodes = [];
@@ -80,7 +81,8 @@ Modal.newInstance = properties =&gt; {
             return h(Modal, {
                 props: Object.assign({}, _props, {
                     width: this.width,
-                    scrollable: this.scrollable
+                    scrollable: this.scrollable,
+                    closable: this.closable
                 }),
                 domProps: {
                     value: this.visible
@@ -210,6 +212,10 @@ Modal.newInstance = properties =&gt; {
                 modal.$parent.width = props.width;
             }
  
+            if ('closable' in props) {
+                modal.$parent.closable = props.closable;
+            }
+
             if ('title' in props) {
                 modal.$parent.title = props.title;
             }