[vue warn][Error in v-on handler: RangeError: Maximum call stack size exceeded]

翻译结果：超过最大调用堆栈大小这个问题的产生是由于自己在某个地方重复调用了内容，如自己调用了自己，或者使用了递归函数但是确没有结束的逻辑。通俗讲就是出现了死循环解决方案必须得检查对应方法的逻辑内容。**常规出现情况1：**某个情况下不小心重复调用了自己或者和自己名字一样的方法。常规出现情况2：父组件调用了子组件的方法，而子组件又调用了同样的父组件方法，形成了死循环。**常规出现情况3：**递归操

墨水白云

19394人浏览 · 2020-05-18 13:56:20

墨水白云 · 2020-05-18 13:56:20 发布

在这里插入图片描述
翻译结果：超过最大调用堆栈大小
这个问题的产生是由于自己在某个地方重复调用了内容，如自己调用了自己，或者使用了递归函数但是确没有结束的逻辑。通俗讲就是出现了死循环
解决方案必须得检查对应方法的逻辑内容。
**常规出现情况1：**某个情况下不小心重复调用了自己或者和自己名字一样的方法。
在这里插入图片描述

常规出现情况2： 父组件调用了子组件的方法，而子组件又调用了同样的父组件方法，形成了死循环。
在这里插入图片描述

**常规出现情况3：**递归操作，没有给出结束递归的条件，导致操作一直执行下去，从而报错。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^