github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Popup: prevent click event bubbles, fixed #1677 (#1754)

pull/1807/head
cinwell.li 2016-12-15 12:50:08 +08:00 committed by baiyaaaaa
parent 5e692418ff
commit 6d2f68b24c
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/utils/vue-popper.js
View File

@ -1,6 +1,8 @@
import PopperJS from './popper';
import { PopupManager } from 'vue-popup';
const stop = e => e.stopPropagation();
/**
* @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.
* @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper.
@ -93,6 +95,7 @@ export default {
this.$nextTick(this.updatePopper);
});
this.popperJS._popper.style.zIndex = PopupManager.nextZIndex();
this.popperElm.addEventListener('click', stop);
},
updatePopper() {
@ -149,9 +152,10 @@ export default {
beforeDestroy() {
this.doDestroy();
this.popperElm &&
this.popperElm.parentNode === document.body &&
document.body.removeChild(this.popperElm);
if (this.popperElm && this.popperElm.parentNode === document.body) {
this.popperElm.removeEventListener('click', stop);
document.body.removeChild(this.popperElm);
}
},
// call destroy in keep-alive mode