javascript - 如何清空以下数组而不导致无限查看此 Vue watch 内？

Question

我正在观察一系列领域:

fields: {
  handler (fields) {
    Object.entries(fields).forEach(([key, value]) => {
      const field = fields[key]
      // field.errors = [] this will trigger an infinite look
      if (!field.validation) return
      const isRequired = field.validation.isRequired && !field.value
      if (isRequired) {
        field.errors[field.errors.length] = {
          errorType: 'isRequired',
          message: 'This field is required.'
        }
      }
    })
  },
  deep: true
}

现在我想在代码运行之前重置field.errors...问题是更改字段会更改字段，因此会导致无限循环。

Answer 1

在将错误数组设置为新的空数组之前，您可以检查错误数组是否已为空

if (Array.isArray(field.errors) && field.errors.length) 
    field.errors = []