vue弹出框关闭并销毁:清空dialog缓存

出错场景:
列表页,打开第一行数据的弹出框数据显示正常,关闭第一个弹出框,打开第二行数据的弹出框数据显示错误:并显示第一个弹出框的数据,我怀疑是dialog的缓存导致。

解决:
加入v-if="diglogShow"就可以让页面在弹出框关闭的时候销毁弹出框,从而清理缓存。

  <el-dialog
    title="关联分类"
    :destroy-on-close="false"
    append-to-body
    top="2vh"
    :close-on-press-escape="true"
    :visible.sync="diglogShow"
    v-if="diglogShow"
    width="40%">
</el-dialog>

参考博客:https://www.jianshu.com/p/2d8978e48572

你可能感兴趣的:(#,Vue,vue.js,缓存,前端)