bug系列:vue中用keep-alive报Maximum call stack size exceeded

114 阅读1分钟

image.png

使用keep-alive做缓存功能时,遇到个奇怪的问题,控制台报:Maximum call stack size exceeded,执行次数超过最大导致堆栈溢出。下面是我的代码: image.png

很奇怪,没有递归啊,不会导致重复执行呀,然后仔细看,发现组件的name是:keepAlive,这就导致template中的<keep-alive>渲染了这个组件,然后重复自己渲染自己,导致堆栈溢出。把name改一下就好了。