vue报错this.**** is not a function的解决方法

最新推荐文章于 2025-10-20 13:24:01 发布

原创最新推荐文章于 2025-10-20 13:24:01 发布 · 3.7w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

vue的那些事儿专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在Vue中遇到`this.****.forEach is not a function`错误的原因及解决办法。错误源于尝试对一个Observer对象而非数组调用`forEach`。解决方法是先将数据转换为普通数组，例如使用`Object.assign([], this.transferValue)`或`JSON.parse(JSON.stringify(this.transferValue))`。通过这种方法，可以避免因数据类型导致的错误。

vue报错this.**** is not a function的解决方法

前言

本文记录了vue中javascript部分数组使用this.****.forEach((re) => {},
出现报错“this.**** is not a function“，本文提供一种自己使用并有效的解决方法

一.产生原因

代码如下

if (!this.getIsNull(this.transferValue)) {       
		 //let newtransferValue = Object.assign([], this.transferValue)

        //console.log(newtransferValue)        
        console.log(this.transferValue)

        this.transferValue.forEach((row) => {        }
   }

打印结果
在这里插入图片描述
导致报错：this.transferValue is not a function

通过打印可以知道，报错是因为原数据是一个__ob__: Observer它不可枚举，从中不可xx[0]取值，虽然不影响程序执行结果，但有错误看着有强迫症

二、解决办法

代码如下：

if (!this.getIsNull(this.transferValue)) {       
		 let newtransferValue = Object.assign([], this.transferValue)

        console.log(newtransferValue)        
        console.log(this.transferValue)

        newtransferValue .forEach((row) => {        }
   }