vue开发，iview监听对话框关闭事件，并清除验证数据

使用iview框架进行vue开发过程中遇见的零散问题（3）

1）在Modal 标签中添加监听对话框关闭事件 @on-visible-change=“ModelSaveclose”
2）在Form 标签中添加ref，此处我命名为 formModel

<Modal v-model="modal.modalUp" @on-visible-change="ModelSaveclose" class-name="vertical-center-modal">
      <Form ref="formModel" :model="modelformAct" :rules="ruleModel" :label-width="140" class="mainAct">
          <FormItem label="活动时间：" prop="acttime" class="redDot">
              <DatePicker type="datetime" v-model="modelformAct.acttime" placeholder="请选择活动时间 (Time)" style="width:100%;" :options="optionsTime" format="yyyy-MM-dd HH:mm" placement="bottom-end"></DatePicker>
          </FormItem>
      </Form>
</Modal>

3）在methods中写入

methods: {
	ModelSaveclose() {
		//清除验证事件
		this.$refs.formModel.resetFields()
	},
}