二级页面数据不清空
做项目提交表格的时候提交完重新打开二级页面数据没有清空,
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a46a4f219b234371a43013ebb0f56de7.png)
为什么会出现这问题,是因为二级页面在二次被打开的时候没有被重新加载,onMoubted只在以及页面执行一次,二级页面执行一次,二级页面关闭后重新打开并没有重新加在,只是页面的显示隐藏状态被修改了,想解决此类问题的一个方法就是在页面打开后让二级页面重新执行一下生命周期。
<my-window
ref="addModify"
:title="title"
:show="popShow"
:full="false"
:customFooter="false"
@handleOk="add()"
@close="LOSEDIA()"
:customClass="'diaBodyNotFull'"
>
<template #custom>
<keep-alive>
<div class="popInfo" v-if="popShow">
</div>
</keep-alive>
</template>
</my-window>
这样就解决问题了。