mirrors/element
1
0
Fork 0
mirror of https://github.com/ElemeFE/element.git synced 2025-12-19 12:04:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Dialog: remove v-model dependency of manual manipulation (#1038)

Browse Source
This commit is contained in:
杨奕
2016-11-16 11:05:23 +08:00
committed by FuryBean
parent 0fffead922
commit 22bc5f312a
3 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/dialog/src/component.vue
View File

@@ -1,6 +1,6 @@
<template>
<transition name="dialog-fade">
<div class="el-dialog__wrapper" v-show="value" @click.self="handleWrapperClick">
<div class="el-dialog__wrapper" v-show="visible" @click.self="handleWrapperClick">
<div
class="el-dialog"
:class="[sizeClass, customClass]"
@@ -75,9 +75,18 @@
default: '15%'
}
},
data() {
return {
visible: false
};
},
watch: {
value(val) {
this.visible = val;
},
visible(val) {
this.$emit('input', val);
if (val) {
this.$emit('open');
this.$nextTick(() => {
@@ -101,7 +110,7 @@
methods: {
handleWrapperClick() {
if (this.closeOnClickModal) {
this.$emit('input', false);
this.close();
}
}
},