实现关闭Drawer组件后,为避免关闭失败,写一段vue代码,强制删除Drawer的dom元素
时间: 2023-05-26 10:01:45 浏览: 91
dom-remove:从 DOM 中移除一个元素
<!-- 假设使用了Element UI中的Drawer组件 -->
<template>
<el-drawer :visible="drawerVisible" @close="handleClose">
<!-- Drawer Content -->
</el-drawer>
</template>
<script>
export default {
data() {
return {
drawerVisible: false,
drawerRef: null // 引用Drawer的DOM元素
};
},
mounted() {
// 获取Drawer的DOM元素引用
this.drawerRef = this.$refs.drawer.$el;
},
methods: {
handleClose() {
// 强制删除Drawer的DOM元素
this.drawerRef.parentNode.removeChild(this.drawerRef);
// 重置Drawer的可见状态
this.drawerVisible = false;
}
}
};
</script>
阅读全文