dialog element 删掉标题_ElementUI 销毁Dialog数据(简单粗暴)

在使用element开发通过之中使用Dialog弹窗创建数据或者数据回显在经常不过了。而且数据创建和数据编辑正常都是使用同一组件。

出现的问题：

title="提示弹窗"

:visible.sync="dialogVisible"

width="30%"

destroy-on-close>

使用dialog 提供的 属性 destroy-on-close 也并不能实现实时的dialog销毁，进行创建和编辑数据正常的切换，这时就可以使用强大的v-if进行dialog 直接销毁操作这个办法还是十分有效。代码如下：

title="提示弹窗"

v-if="dialogVisible"

:visible.sync="dialogVisible"

width="30%"

destroy-on-close>

拓展知识(dialog弹窗拖拽)：

vue目录:src/utils/directives.js

import Vue from 'vue'

// v-dialogDrag: 弹窗拖拽

Vue.directive('dialogDrag', {

bind(el, binding, vnode, oldVnode) {

const dialogHeaderEl = el.querySelector('.ant-modal-header');

const dragDom = el.querySele