vue.extend后的组件 ,当页面销毁的时候。组件怎么销毁
main是一个提示的组件,挂载到 vue上,再页面里引用。现在的问题是页面销毁后,组件却没销毁。请问各位大佬这样的咋处理下
<template>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="35%"
:close-on-click-modal="false"
>
<div class="dialog-box">
<el-scrollbar wrap-class="scrollbar-wrapper">
<div class="tip-text" v-html="messageText" />
</el-scrollbar>
</div>
</el-dialog>
</template>
methods: {
openDialog() {
this.dialogVisible = true
}
}
import Vue from 'vue'
import Main from './main.vue'
const ShowMessageConstructor = Vue.extend(Main)
const ShowMessage = function(option) {
const instance = new ShowMessageConstructor()
instance.message = option
instance.openDialog()
instance.$mount()
document.body.appendChild(instance.$el)
}
Vue.prototype.$showMessage = ShowMessage
export default ShowMessage
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
参考elementUI的message-box组件,增加一个hashchange组合close的处理应该可以
https://github.com/ElemeFE/el...