vue轮播图报错 Uncaught RangeError: Maximum call stack size exceeded 附完整轮播图实现代码

Vue初学者,写项目实现轮播图时报错且页面初始化后不会自动轮播。

设置的计时器时长是6000,但报错是几乎没有停歇的报错。

检查核心代码,发现

错误一:这里导致轮播图初始化不轮播

vue轮播图报错 Uncaught RangeError: Maximum call stack size exceeded 附完整轮播图实现代码_第1张图片

mounted的方法写在了methods里面,将mounted的方法挪出,解决页面初始化轮播图不切换的问题。

 

错误二:这里导致报错 Uncaught RangeError: Maximum call stack size exceeded 

vue轮播图报错 Uncaught RangeError: Maximum call stack size exceeded 附完整轮播图实现代码_第2张图片

方法写错了,应该是 return this.nowIndex +1

 

错误三:这里导致不间歇的报错

vue轮播图报错 Uncaught RangeError: Maximum call stack size exceeded 附完整轮播图实现代码_第3张图片

应该把inv的属性设置写在props里面。

 

完整轮播图实现如下:

视图部分

组件部分






你可能感兴趣的:(前端开发)