【LWC】lightning-input-field 没有 checkValidity()方法 #checkValidity is not a function

lightning-input-field 没有 checkValidity()方法 #checkValidity is not a function

场景

如果在提交表单之前需要整体验证所有lightning-input-field的正确性，但是它又没有封装好的checkValidty()方法，如何解决？

Sample Code

利用reportValidity()同样会返回Boolean结果的特性，使用下述代码解决：

const allValid = [...this.template.querySelectorAll('lightning-input-field')]
.reduce((validSoFar, inputCmp) => {
    inputCmp.reportValidity();
    return validSoFar && inputCmp.reportValidity();
}, true);

allValid 是当下所有输入框都合法的flag。