From 129a34e4288a7fcbe3fbf40106081078ff610eec Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Tue, 23 Feb 2021 11:28:12 +0800
Subject: [PATCH] 实现滚动无限加载之下拉刷新页面
---
forms/form/CForm.vue | 61 +++++++++++++++++++++++++++---
1 files changed, 54 insertions(+), 7 deletions(-)
diff --git a/forms/form/CForm.vue b/forms/form/CForm.vue
index db0608b..e50dd75 100644
--- a/forms/form/CForm.vue
+++ b/forms/form/CForm.vue
@@ -8,12 +8,13 @@
class="c-form"
@submit="evt=>handleSubmit()"
>
- <slot :formData="formData" />
+ <slot :formRes="formRes" />
</form>
</template>
<script>
import Taro from '@tarojs/taro';
+import './cForm.scss';
export default {
name: 'CForm',
@@ -24,22 +25,30 @@
},
data() {
return {
+ formRes: {
+ formData: this.formData,
+ },
validators: {},
};
},
methods: {
handleSubmit() {
const checklist = [];
- Object.keys(this.validators).forEach((key) => {
- checklist.push(this.validators[key]());
+ // 所有项验证
+ Object.keys(this.validators).forEach(key => {
+ // 仍有效的验证器
+ if (this.validators[key]) {
+ checklist.push(this.validators[key]());
+ }
});
- Promise.all(checklist).then((validations) => {
+ Promise.all(checklist).then(validations => {
for (let validation of validations) {
+ // 第一个不通过项提示
if (!validation.passed) {
Taro.showToast({
title: validation.msg,
icon: 'none',
- mask: true,
+ mask: false,
duration: 2000,
});
return;
@@ -49,12 +58,50 @@
this.onFinish && this.onFinish();
});
},
+ preCheckValidators(keys, callback) {
+ const checklist = [];
+ // 从选定的项中验证
+ keys.forEach(key => {
+ // 效的验证器
+ if (this.validators[key]) {
+ checklist.push(this.validators[key]('msgOnly'));
+ }
+ });
+ Promise.all(checklist).then(validations => {
+ for (let validation of validations) {
+ // 第一个不通过项提示
+ if (!validation.passed) {
+ Taro.showToast({
+ title: validation.msg,
+ icon: 'none',
+ mask: false,
+ duration: 2000,
+ });
+ // 检查失败
+ callback && callback(false);
+ return;
+ }
+ }
+ // 所有检查通过
+ callback && callback(true);
+ });
+ },
},
mounted() {
- this.formData.$handleChange = (evt) => {
+ // 当表单项变化时
+ this.formRes.$handleChange = (evt = []) => {
+ Object.keys(evt).forEach(key => {
+ // 直接改值
+ if (typeof this.formRes.formData[key] === 'undefined') {
+ this.$set(this.formRes.formData, key, evt[key]);
+ } else {
+ this.formRes.formData[key] = evt[key];
+ }
+ });
this.onChange && this.onChange(evt);
};
- this.formData.$regItemValidator = (name, cb) => {
+ // 注册表单验证器
+ this.formRes.$regItemValidator = (name, cb) => {
this.validators[name] = cb;
};
},
--
Gitblit v1.9.1