resetFields()失效

问题描述

  • 先点击新增,再取消弹窗。resetFields()正常运行,清空表单内容。
  • 先点击编辑,再新增,表单内容不能清空。

解决方法

在nextTick里赋值表单内容,因为弹窗会把第一次赋值的内容当成初始值,所以要在弹窗加载完之后再赋值

  const openModal = (data) => {
    base.visible = true;
    nextTick(() => {
      base.formData = Object.assign({}, base.formData, data);
    });
  };

你可能感兴趣的:(前端,javascript,html,vue)