使用 v-dialog 时超出最大调用堆栈大小答案

【问题标题】：Maximum call stack size exceeded whe using v-dialog使用 v-dialog 时超出最大调用堆栈大小
【发布时间】：2020-08-24 12:42:33
【问题描述】：

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

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

  <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')
    }

这是迄今为止唯一发生这种情况的组件，我不知道为什么。

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

看起来你有循环引用。检查组件 userForm 的名称。 Similar case

【讨论】：