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.runt
出错原因:
调用 $table.toggleRowExpansion 函数报错。
vue.runtime.esm.js:1888 TypeError: Cannot read property 'forEach' of undefined
at 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
.
table = this.
table=this.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)
},
…
更多推荐
所有评论(0)