如何清空以下数组而又不会在Vue手表内部造成无限外观？

Question

I'm watching a series of fields:

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
}

Now I want to reset field.errors before the code runs ... the problem is that changing field, will change fields, and therefore, causing an infinite loop.

Answer 1

you can check if the errors array is already empty before setting them to a new empty array

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