element-ui el-dialog 缓存清理

1.销毁el-dialog  中元素

方案：使用 el-dialog 中的  destroy-on-close  属性

2.销毁整个 el-dialog  数据清除缓存

方案：在el-dialog 外层添加一层<div> ，并且 在<div> 标签内添加 v-if=“el-dialog 隐藏显示的变量”，如：

<div v-if="vShow">

<el-dialog title="vTitle"

:visible.sync="vShow"

width="80%"

....>

</el-dialog>

</div>

<script>

import ....

export default{

name: "Nest",

components: {}

data(){

return {

loading: true,

vShow: false,

.....}}}

</script>

v-if  如果是true则创建要显示组件，false则不创建。

v-show如果是false 创建但不显示组件。

3.  el-dialog作为组件或者 内嵌组件 的缓存清除

同样  使用 2中方法 <div v-if="vShow"><el-dialog></el-dialog></div>