出错场景:
列表页,打开第一行数据的弹出框数据显示正常,关闭第一个弹出框,打开第二行数据的弹出框数据显示错误:并显示第一个弹出框的数据,我怀疑是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>
在Vue中遇到列表页弹出框数据显示错误,关闭第一个弹出框后,打开第二个弹出框显示的仍是第一个的数据。分析认为是由于dialog缓存导致。通过在el-dialog组件中添加`v-if=diglogShow`属性,实现了弹出框在关闭时销毁,从而清除缓存。参考博客提供了这个问题的解决方案。
1637





