vue.runtime.esm.js:1888 TypeError: Cannot read property ‘forEach‘ of undefined at VueComponent.＜

本文主要是介绍vue.runtime.esm.js:1888 TypeError: Cannot read property ‘forEach‘ of undefined at VueComponent.＜，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

出错原因：
调用 $table.toggleRowExpansion 函数报错。

vue.runtime.esm.js:1888 TypeError: Cannot read property 'forEach' of undefinedat VueComponent.<anonymous> (crud.js:957)at invokeWithErrorHandling (vue.runtime.esm.js:1854)at VueComponent.Vue.$emit (vue.runtime.esm.js:3882)at VueComponent.toggleRowExpansion (element-ui.common.js:10306)at VueComponent.toggleRowExpansionAdapter (element-ui.common.js:11066)at VueComponent.toggleRowExpansion (element-ui.common.js:13627)```
解决方案：
去掉$table.toggleRowExpansion，在el-table增加绑定:expand-row-keys="expandRowKeys" :row-key="getRowKey"
采用expandRowKeys属性数据进行控制。

<el-table ref=“table” v-loading=“crud.loading” :data=“crud.data” size=“small” style=“width: 100%;” :row-key=“getRowKey” :expand-row-keys=“expandRowKeys” @sort-change=“crud.changeTableSort” @selection-change=“crud.selectionChangeHandler”>

data(){
return {
expandRowKeys: [],
…
}
methods: {
// 展开时需要
getRowKey(row){
return row.id;
},

// 查看专题项详情
toogleExpand(row) {
let $t a b l e = t h i s .$ refs.table;
this.topicDetail = []
this.expandRowKeys = []
this.crud.data.map((item) => {
if (row.id != item.id) {
// $table.toggleRowExpansion(item, false)
item.hasExpand = false
}else {
if (!item.hasExpand) {
this.expandRowKeys.push(item.id)
item.hasExpand = true
}
}
})
// 显示该条目明细
getDetailList(row.id).then(res => {
this.topicDetail = res.content
})
// $table.toggleRowExpansion(row,true)
},
…