记一次vue弹框内列表数据没有实时更新的问题

ISSUE:

第一次打开弹框:

关掉再打开弹框:

反复操作几次,会发现第二个弹框“是否使用”一栏全部是灰色的。

因为这个“排序”和“是否使用”字段是获取接口数据后,又调用了另一个接口,遍历动态添加上去的。一开始以为是这个问题,使用了this.$set()赋值没用。

最后在放弃的时候,看到接口是在弹框open的时候调用的,然后抱着试一试的态度,在close里面把this.list赋值空数组,竟然OK了。

  <el-dialog
    :modal-append-to-body="false"
    v-el-drag-dialog
    class="dialog-mini"
    width="65%"
    title="模型配置"
    :visible.sync="modelsDialogVisible"
    :close-on-click-modal="false"
    :show-close="true"
    :before-close="cancel"
    @open="openVisible"
    @close="clearData"
  >
      //关闭弹框事件
      clearData() {
          this.list = [];
      },

 

posted @ 2022-06-01 19:43  屌丝大叔的笔记  阅读(919)  评论(0编辑  收藏  举报