ValidateForm组件bug

Question

export default defineComponent({
  name: 'ValidateForm',
  emits: ['submit-form'],
  setup(props, context) {
    let funcArr: ValidateFunc[] = []
    let ClearInputfuncArr: ValidateFunc[] = []

    const submitForm = () => {
      const result = funcArr.map(func => func()).every(result => result)
      console.log(result)
	  if (result) { ClearInputfuncArr.map(func => func()) } //此处有bug
      context.emit('submit-form', result)
    }
    const callbackClearInput = (func: clearInputFunc) => {
      funcArr.push(func)
    }
    const callback = (func: ValidateFunc) => {
      funcArr.push(func)
    }

    emitter.on('formItemCreated', callback)
    emitter.on('clearInput', callbackClearInput)
    onUnmounted(() => {
      emitter.off('formItemCreated', callback)
      emitter.off('clearInput', callbackClearInput)
      funcArr = []
      ClearInputfuncArr = []
    })
    return { submitForm }
  }
})

老师帮忙看看！
注明有bug处，代码逻辑当result为ture时清空input，但是为false也会清空input，一直排查不出原因

https://git.imooc.com/semgme/zheye

Answer 1

张轩 2021-07-01 09:56:26

同学你好 你的40行写错了，你直接添加到了 验证的数组中，应该是添加到清空的数组中，代码如下

const callbackClearInput = (func: ValidateFunc) => {
// 应该是添加到 ClearInputfuncArr 中啊
    ClearInputfuncArr.push(func)
}