vue.js - 超过最大调用堆栈大小 Vuetify
问题描述
我正在使用 Vuetify 对话框这是我的代码
<v-dialog max-width="390" persistent v-model="dialog">
<template v-slot:activator="{ on }">
<v-btn icon v-if="el.items_count == 0" v-on="on" >
<v-icon>
mdi-plus
</v-icon>
</v-btn>
</template>
<v-card flat>
<v-card-title>
this is Son for {{el.title}}
</v-card-title>
<v-text-field class="d-block pa-2" v-model="name" outlined label="Name"></v-text-field>
<v-card-actions>
<v-btn @click="add" class="d-block">
<span>Add</span>
</v-btn>
<v-btn @click="dialog=false" class="d-block">
<span>Close</span>
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
和这个对话框里面的循环,点击按钮后得到这个错误
Uncaught RangeError: Maximum call stack size exceeded.
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
at VueComponent.onFocusin (VDialog.ts?d213:238)
谁能帮我解决这个错误
解决方案
设置:retain-focus="false"
v-dialog 也有帮助。
推荐阅读
- java - 如何使用 xsl-fo 渲染 xslt 中 span 标签内的字体颜色和大小等样式?
- r - 用 lapply 命令替换 For 循环的执行时间
- php - PHP 表单未向收件人发送电子邮件
- python - 从列表中获取相对于python中另一个元素的元素
- c# - Podio AuthenticateWithApp 在 Windows Server 2008 上引发 WinHttpException
- php - PHP获取当前日期时间+一年(也询问是否安全)
- javascript - Laravel:我在使用 Ajax 发布数据时遇到了一些问题
- systemd - 如何在依赖更新时通知 apt/dpkg 依赖包?
- python - 有没有办法以编程方式知道 Python 函数何时完成处理?
- android - 启动画面上的致命错误,它突然停止应用程序