使用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。类似情况