Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-25 15:23:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

cleanup element before destroy

Browse source
This commit is contained in:
Marcos Moura 2016-12-26 18:19:19 -02:00
parent 5249ed5b84
commit 1368dbc829
1 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/components/mdSnackbar/mdSnackbar.vue
View file

@ -50,6 +50,9 @@
}
},
methods: {
removeElement() {
this.rootElement.removeChild(this.snackbarElement);
},
open() {
if (manager.current) {
manager.current.close();
@ -63,21 +66,23 @@
this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
},
close() {
const removeElement = () => {
if (this.$refs.container) {
const removeElement = () => {
this.$refs.container.removeEventListener(transitionEndEventName, removeElement);
if (this.rootElement.contains(this.snackbarElement)) {
this.snackbarElement.querySelector('.md-ripple').classList.remove('md-active');
this.removeElement();
}
};
manager.current = null;
this.active = false;
this.$emit('close');
this.$refs.container.removeEventListener(transitionEndEventName, removeElement);
if (this.rootElement.contains(this.snackbarElement)) {
this.snackbarElement.querySelector('.md-ripple').classList.remove('md-active');
this.rootElement.removeChild(this.snackbarElement);
}
};
manager.current = null;
this.active = false;
this.$emit('close');
this.$refs.container.removeEventListener(transitionEndEventName, removeElement);
this.$refs.container.addEventListener(transitionEndEventName, removeElement);
window.clearTimeout(this.closeTimeout);
this.$refs.container.addEventListener(transitionEndEventName, removeElement);
window.clearTimeout(this.closeTimeout);
}
}
},
mounted() {
@ -88,7 +93,8 @@
});
},
beforeDestroy() {
this.close();
window.clearTimeout(this.closeTimeout);
this.removeElement();
}
};
</script>