vue ant desgin 中modal数据清空(缓存清空)
vue ant desgin 中弹窗modal数据清空(缓存清空)
·
项目中一直用到一个功能:弹出modal,modal中有一table绑定了一定的数据,然后该列表前有单选或者复选框。选择某些行后,关闭弹窗。再次打开的时候,前一次的选中项依然还在,还处于选中状态。想要 的是清空这些选中项,打开弹窗的时候,没有数据选中。以前都是在关闭事件中各种的操作modal中的数据,清空或者重置数据,但是一直不稳定。
今天又遇到了,上网查,终于找到解决办法,简单暴力的解决办法:
<a-modal
title="选择用户"
:width="1200"
:visible="visible"
v-if="visible" // 使用v-if 清除弹窗的缓存
:confirmLoading="confirmLoading"
@ok="ok"
@cancel="
() => {
$emit('cancel');
}
"
>
使用v-if来清除,真是又简单又暴力的办法!!!
更多推荐
已为社区贡献6条内容
所有评论(0)