RangeError: Maximum call stack size exceeded错误分析

项目开发的时候遇到这样的运行报错：代码分析一翻译说是堆栈溢出，我估摸造成这个问题的原因可能是：1.使用了未定义的数据或者方法定义等书写错误2.页面引入了其他递归轮询方法3.可能跟vue-route有关，是不是拦截器捕获到不存在的页面等问题按照上面那个思路，我一条条查看问题，最后把问题锁定在了这个方法里：onLoad() {this.centerRing()},再看这个方法，我发现了问题所在，自己调

咸鱼起码是条鱼

8424人浏览 · 2020-11-24 15:38:51

咸鱼起码是条鱼 · 2020-11-24 15:38:51 发布

项目开发的时候遇到这样的运行报错：

在这里插入图片描述

问题分析

一翻译说是堆栈溢出，我估摸造成这个问题的原因可能是：
1.可能跟vue-route有关，是不是拦截器捕获到不存在的页面
2.页面引入了其他递归轮询方法
3.使用了未定义的data数据或者方法定义等书写错误

代码分析

按照上面那个思路，我一条条查看调试代码，最后把问题锁定在了这个方法里：

onLoad() {
			this.centerRing()
		},

再看这个方法，我发现了问题所在，自己调用自己了。。。
在这里插入图片描述
忙活了半天，我还以为是啥高级bug，但思路还是挺正规的
希望对你有所帮助！

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}$/, //不连续的两位字母// /^