No estoy seguro de lo que debo hacer aquí en este caso. Cuando hago clic en + Rule , llamo a esto fn()

 showAddRuleModal() { this.showAddRule = true this.$refs.form.reset() //reset form values this.ruleName = '' this.url = 'https://www.' this.urlType = 'Single' this.ruleDetails = [] let ruleDetail = { attribute_id: '', operator_id: '', value: '' } this.ruleDetails.push(ruleDetail) }

Como puede ver en la imagen, creé con éxito una regla e intenté agregar una más.

Como puede ver, los otros valores parecen restablecerse, pero mi entrada de ruleName detectó como un error incluso si restablecí this.$refs.form.reset()

Cómo puedo detener esto ?

Nota

Si agrego un espacio al valor predeterminado

 this.ruleName = ' '

ese error desapareció, pero ahora, mi formulario ruleName contiene un espacio. Funciona, pero no es genial.