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

Logo

前往低代码交流专区

更多推荐