组件的check

原创于 2020-09-30 17:40:06 发布 · 238 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

杂文同时被 2 个专栏收录

22 篇文章

订阅专栏

技巧

18 篇文章

订阅专栏

本文介绍了如何通过父组件传递数据到子组件来简化组件间的检查逻辑，使用公共函数validInputBox进行输入内容检测，并利用双向绑定实现数据过滤和验证。该方法提升了代码效率，确保了数据的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在修复问题时发现，项目中基础组件可以从父组件传递数据到子组件，来控制子组件的check,可以用来简化多余check
2.使用公共函数validInputBox 来检测组件input中的的内容，调用check函数检测
3.子value 双向绑定数据，根据单项父传子的validate中的规则来过滤value值是否合格，在把结果传回父

async function validInputBox() {
 for (let i = 0; i < arguments.length; i++) {
   await arguments[i].check() // 触发输入框边界检查，等待检查结束后再继续
    if (typeof (arguments[i].result) === 'boolean' && !arguments[i].result) {
      return false
    }
  }
  return true
}

tip:父

tip:子