From df2622edd18ed8d89dd85b963723b437c0b02d1e Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 18 Oct 2023 16:18:01 +0800
Subject: [PATCH] 表单单项，支持手动控制飘红
---
forms/form/CFormItem.vue | 13 ++++++++++---
1 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/forms/form/CFormItem.vue b/forms/form/CFormItem.vue
index f9fe496..1187f85 100644
--- a/forms/form/CFormItem.vue
+++ b/forms/form/CFormItem.vue
@@ -43,6 +43,7 @@
data() {
return {
error: false,
+ errTimer: -1,
};
},
computed: {
@@ -97,10 +98,16 @@
[this.name]: evt,
});
},
+ $setError() {
+ this.error = true;
+ clearTimeout(this.errTimer);
+ this.errTimer = setTimeout(() => {
+ this.error = false;
+ }, 5000);
+ },
},
mounted() {
this.$nextTick(() => {
- let errTimer = null;
// 注册验证
this.formRes.$regItemValidator(this.name, validateType => {
// 未设置验证
@@ -138,8 +145,8 @@
({ errors, fields }) => {
if (validateType !== 'msgOnly') {
this.error = true;
- clearTimeout(errTimer);
- errTimer = setTimeout(() => {
+ clearTimeout(this.errTimer);
+ this.errTimer = setTimeout(() => {
this.error = false;
}, 5000);
}
--
Gitblit v1.9.1