使用v-dialog超过最大调用堆栈大小

Question

我在v对话框中有一个组件，每当我第二次关闭并打开对话框时，都会收到“超出最大调用堆栈大小”错误。当发生这种情况时，表单内的文本字段就会停止工作，并且我无法再输入任何内容。

这就是我的组件在对话框中的样子。当我想关闭对话框时，它是个监听器

  <v-dialog
    v-model="userFormdialog"
    width="1200"
  >
    <v-card>
      <userForm @closeUserForm="userFormdialog = false"/>
    </v-card>
  </v-dialog>

在对话框内的组件中，我有一个带有一些选择和文本字段的表单，每当我要关闭它时，我都简单地重置表单，即验证并发出'closeUserForm'。

finish(){
      this.reset()
      this.resetValidation()
      this.$emit('closeUserForm')
    }

这是到目前为止发生这种情况的唯一组件，我不确定为什么。

Answer 1

似乎您正在使用循环引用。检查组件userForm的名称。