mirror of https://github.com/ElemeFE/element
Notification: add onClick handler
parent
bcbd94f460
commit
d51f08870d
|
@ -6,7 +6,8 @@
|
||||||
v-show="visible"
|
v-show="visible"
|
||||||
:style="{ top: top ? top + 'px' : 'auto' }"
|
:style="{ top: top ? top + 'px' : 'auto' }"
|
||||||
@mouseenter="clearTimer()"
|
@mouseenter="clearTimer()"
|
||||||
@mouseleave="startTimer()">
|
@mouseleave="startTimer()"
|
||||||
|
@click="click">
|
||||||
<i
|
<i
|
||||||
class="el-notification__icon"
|
class="el-notification__icon"
|
||||||
:class="[ typeClass, iconClass ]"
|
:class="[ typeClass, iconClass ]"
|
||||||
|
@ -15,7 +16,7 @@
|
||||||
<div class="el-notification__group" :class="{ 'is-with-icon': typeClass || iconClass }">
|
<div class="el-notification__group" :class="{ 'is-with-icon': typeClass || iconClass }">
|
||||||
<h2 class="el-notification__title" v-text="title"></h2>
|
<h2 class="el-notification__title" v-text="title"></h2>
|
||||||
<div class="el-notification__content"><slot>{{ message }}</slot></div>
|
<div class="el-notification__content"><slot>{{ message }}</slot></div>
|
||||||
<div class="el-notification__closeBtn el-icon-close" @click="close"></div>
|
<div class="el-notification__closeBtn el-icon-close" @click.stop="close"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
|
@ -40,6 +41,7 @@
|
||||||
customClass: '',
|
customClass: '',
|
||||||
iconClass: '',
|
iconClass: '',
|
||||||
onClose: null,
|
onClose: null,
|
||||||
|
onClick: null,
|
||||||
closed: false,
|
closed: false,
|
||||||
top: null,
|
top: null,
|
||||||
timer: null
|
timer: null
|
||||||
|
@ -68,6 +70,12 @@
|
||||||
this.$el.parentNode.removeChild(this.$el);
|
this.$el.parentNode.removeChild(this.$el);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
click() {
|
||||||
|
if (typeof this.onClick === 'function') {
|
||||||
|
this.onClick();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
close() {
|
close() {
|
||||||
this.closed = true;
|
this.closed = true;
|
||||||
if (typeof this.onClose === 'function') {
|
if (typeof this.onClose === 'function') {
|
||||||
|
|
Loading…
Reference in New Issue