TypeError:res.forEach?is?not?a?function報錯解決辦法
出現(xiàn)報錯：
首先注意forEach中的“E”要大寫。
報錯有2種可能原因：
- 原因是使用foreach（）方法用過遍歷的應(yīng)該是數(shù)組才對，所以使用Array.from()方法將遍歷對象轉(zhuǎn)化為數(shù)組
- 原因是遍歷的對象不對，可能對象中有好幾層data，需要console.log( res )；看看
原因一：
錯誤代碼：
res.forEach(v=>{
leftArr.push({
id:v.id,
name:v.name
})
})解決辦法：加一行代碼 res = Array.from(res);
正確代碼：
res = Array.from(res);
res.forEach(v=>{
leftArr.push({
id:v.id,
name:v.name
})
})原因二：
以此項目為例，執(zhí)行了console.log( res )；后可以看到（下圖）res其實是一個對象，里面包含了3層data，我要拿到的是第三層data中的數(shù)據(jù)，而前面說過forEach遍歷的應(yīng)該是數(shù)組才對，這里的res是一個對象所以會報錯。
解決辦法：
在此例中要解決報錯且正確拿到數(shù)據(jù)，就要取到第三層data，此時才是數(shù)組。即把
res.forEach()改為res.data.data.forEach() ，就可以了。（具體加幾個data要看自己res的對象里有幾層data，比如有2層的話，那么取到第二層data就只需要res.data.forEach() 就可以了）
錯誤代碼：
res.forEach(v=>{
leftArr.push({
id:v.id,
name:v.name
})
})正確代碼：
res.data.data.forEach(v=>{
leftArr.push({
id:v.id,
name:v.name
})
})總結(jié)
到此這篇關(guān)于TypeError:res.forEach is not a function報錯解決的文章就介紹到這了,更多相關(guān)TypeError:res.forEach is not a function內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Vue組件化常用方法之組件傳值與通信的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要給大家介紹了關(guān)于Vue3中watchEffect用途的相關(guān)資料, watch和watchEffect都是監(jiān)聽器,但在寫法和使用上有所區(qū)別,本文進(jìn)行了詳細(xì)的介紹,需要的朋友可以參考下2021-07-07
Vue3為我們開發(fā)提供了兩種組件邏輯實現(xiàn)方式：選項式API和組合式API,本文將嘗試為大家分析什么是選項式API和組合式API,以及兩種API的優(yōu)缺點,希望對大家有所幫助2023-12-12
vant的Loading加載動畫組件的使用(通過接口拿數(shù)據(jù)時顯示加載狀態(tài))
這篇文章主要介紹了vant的Loading加載動畫組件的使用,通過接口拿數(shù)據(jù)時顯示加載狀態(tài),本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
Vue中實現(xiàn)v-for循環(huán)遍歷圖片的方法
這篇文章主要介紹了Vue中實現(xiàn)v-for循環(huán)遍歷圖片的方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue實現(xiàn)購物車拋物線小球動畫效果的方法,結(jié)合實例形式較為詳細(xì)的分析了vue.js實現(xiàn)拋物線動畫效果購物車功能相關(guān)原理與操作注意事項,需要的朋友可以參考下2019-02-02
.sync?修飾符所提供的功能,當(dāng)一個子組件改變了一個prop的值時,這個變化也會同步到父組件中所綁定,下面這篇文章主要給大家介紹了關(guān)于Vue中子組件向父組件傳值以及.sync修飾符的相關(guān)資料,需要的朋友可以參考下2022-11-11
vue+canvas如何實現(xiàn)根據(jù)數(shù)據(jù)展示不同高度,不同漸變顏色的長方體效果
這篇文章主要介紹了vue+canvas如何實現(xiàn)根據(jù)數(shù)據(jù)展示不同高度,不同漸變顏色的長方體效果,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
如何利用Echarts根據(jù)經(jīng)緯度給地圖畫點畫線
最近工作中遇到了一個需求,需要利用echarts在地圖上面標(biāo)記點位,所下面這篇文章主要給大家介紹了關(guān)于如何利用Echarts根據(jù)經(jīng)緯度給地圖畫點畫線的相關(guān)資料,需要的朋友可以參考下2022-05-05
Vue路由對象屬性 .meta $route.matched詳解
今天小編就為大家分享一篇Vue路由對象屬性 .meta $route.matched詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11