vue ant desgin 中modal数据清空（缓存清空）

reembarkation

已于 2022-07-08 16:27:12 修改

阅读量2.7k

点赞数 3

分类专栏： vue js 文章标签：前端 javascript vue

于 2022-07-08 16:25:44 首次发布

本文链接：https://blog.csdn.net/reembarkation/article/details/125680824

版权

js 同时被 2 个专栏收录

53 篇文章 0 订阅

订阅专栏

vue

48 篇文章 0 订阅

订阅专栏

项目中一直用到一个功能：弹出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来清除，真是又简单又暴力的办法！！！