el-table设置默认选中报错_this.$refs.singleTable.toggleAllSelection is not a function

直接使用以下的方法,报错信息是`_this.$refs.singleTable.toggleAllSelection is not a function

this.$refs.singleTable.toggleAllSelection()

看了网上的解决方法,加了this.$nextTick,代码如下,但还是报错Error in nextTick: "TypeError: _this.$refs.singleTable.toggleAllSelection is not a function"

_this.$nextTick(() => {
    _this.$refs.singleTable.toggleAllSelection()
})

报错信息是this.$refs.singleTable.toggleAllSelection这个东西不存在或者有错误,所以我决定把this.$refs.singleTable打印出来看看是什么东西!

console.log(this.$refs.singleTable);

打印出来了是这么一个东西,看他的格式应该是类似数组

在这里插入图片描述

再把它展开,终于在中间部分找到了这个方法,所以这个方法并不是直接this.$refs.singleTable调用,而是在this.$refs.singleTable[0]里面

el-table设置默认选中报错_this.$refs.singleTable.toggleAllSelection is not a function_第1张图片
解决办法:

this.$refs.singleTable改成this.$refs.singleTable[0]解决

代码:

this.$nextTick(() => {
     this.$refs.singleTable[0].toggleAllSelection()
})

你可能感兴趣的:(前端,elementui)