vant

您所在的位置：网站首页 › vant官网上不去 › vant

vant

2023-08-16 09:47| 来源: 网络整理| 查看: 265

vant 官网点击进入

vant 官网提供了submit按钮，但是submit按钮实在很不好用（防抖节流用不了，独立样式不好用）

vant 官网提供的form的校验方法：

在这里插入图片描述

当我在输入:

console.log(this.$refs.form)

输出的是:

在这里插入图片描述发现了其中的validateAll，打断点进去，发现该方法用Promise.all去提交所有验证，如果发现errors.length大于1，返回reject，否则返回resolve

validateAll: function validateAll() { var _this2 = this; return new Promise(function (resolve, reject) { Promise.all(_this2.fields.map(function (item) { return item.validate(); })).then(function (errors) { errors = errors.filter(function (item) { return item; }); if (errors.length) { reject(errors); } else { resolve(); } }); }); }, // @expo

所以我们可以用这个方法来判断所有相判断的检验规则，代码为

this.$refs.form.validateAll().then((res) => { console.log('全部校验成功') },(res)=>{ console.log('校验失败') });

【本文地址】

vant

vant

今日新闻

推荐新闻