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]里面

在这里插入图片描述
解决办法:

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

代码:

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

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2023-12-21 07:50:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-21 07:50:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-21 07:50:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-21 07:50:01       20 阅读

热门阅读

  1. Linux|shell编程|实验总结|期末考查试题

    2023-12-21 07:50:01       29 阅读
  2. Wireshark在移动网络中的应用

    2023-12-21 07:50:01       26 阅读
  3. Spark发送到Kafka的数据出现重复问题解决方案

    2023-12-21 07:50:01       42 阅读
  4. xrandr

    2023-12-21 07:50:01       49 阅读
  5. 实用高阶函数map,reduce,filter

    2023-12-21 07:50:01       31 阅读
  6. 飞天使-k8s知识点3-卸载yum 安装的k8s

    2023-12-21 07:50:01       32 阅读
  7. SQL面试题挑战03:奖金瓜分问题(拼多多)

    2023-12-21 07:50:01       39 阅读
  8. GBDT-梯度提升决策树

    2023-12-21 07:50:01       22 阅读
  9. 前端:NPM的介绍和使用

    2023-12-21 07:50:01       40 阅读