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

apply v-model in el-dialog

Browse Source
This commit is contained in:
Leopoldthecoder
2016-08-08 17:22:21 +08:00
parent ca59b21011
commit 67ea53062e
4 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<template>
<transition name="dialog-fade">
<div class="el-dialog__wrapper" v-show="visible" @click.self="handleWrapperClick">
<div class="el-dialog__wrapper" v-show="value" @click.self="handleWrapperClick">
<div class="el-dialog" :class="[sizeClass, customClass]" ref="dialog" :style="{ 'margin-bottom': size !== 'full' ? '50px' : '', 'top': size !== 'full' ? dynamicTop + 'px' : '0' }">
<div class="el-dialog__header">
<span class="el-dialog__title">{{title}}</span>
@@ -64,7 +64,7 @@
},
watch: {
computedVisible(val) {
value(val) {
if (val) {
this.$emit('open');
this.$nextTick(() => {
@@ -85,7 +85,7 @@
methods: {
handleWrapperClick() {
if (this.closeOnClickModal) {
this.computedVisible = false;
this.$emit('input', false);
}
},
@@ -95,7 +95,7 @@
},
mounted() {
if (this.visible) {
if (this.value) {
this.rendered = true;
this.open();
}