element-plus 报错 TypeError: Cannot read properties of undefined (reading ‘setCheckedKeys‘)

简介: element-plus 报错 TypeError: Cannot read properties of undefined (reading ‘setCheckedKeys‘)

报错

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'setCheckedKeys')

这个错误是因为你的dom元素还没有加载完,你就想使用 setCheckedKeys 设置目前勾选的节点。也就是你写的treeRef.value!.setCheckedKeys([3], false); 这个里面的 tree 还没有加载出来。

解决方案:

1、写进onMounted生命周期内

onMounted(async () => { 
 treeRef.value!.setCheckedKeys([3], false)
})

2、使用nextTick

import { nextTick  } from "vue";
nextTick(async () => {
 treeRef.value!.setCheckedKeys([3], false)
  })
目录
相关文章
|
2月前
|
小程序 前端开发 API
【微信小程序】TypeError: Cannot read property ‘get‘ of undefined & Error: MiniProgramError
【微信小程序】TypeError: Cannot read property ‘get‘ of undefined & Error: MiniProgramError
|
19天前
【报错】 “TypeError: Cannot read properties of undefined (reading ‘split‘)“
【报错】 “TypeError: Cannot read properties of undefined (reading ‘split‘)“
|
3月前
|
JavaScript 安全
Cannot read property ‘querySelectorAll‘ of undefined问题解决
Cannot read property ‘querySelectorAll‘ of undefined问题解决
30 2
|
3月前
|
Java 数据处理 Apache
Flink报错问题之Flink报错undefined如何解决
Flink报错通常是指在使用Apache Flink进行实时数据处理时遇到的错误和异常情况;本合集致力于收集Flink运行中的报错信息和解决策略,以便开发者及时排查和修复问题,优化Flink作业的稳定性。
|
2月前
|
JavaScript 前端开发 算法
undefined与null的区别
在JavaScript中,undefined和null都表示变量未被赋值或值缺失,但它们在使用场景上有一些区别。 - **`语义不同`**:undefined表示一个变量未被赋值或者声明后未进行初始化。而null表示一个变量被明确地设置为无值或者表示空值的概念。 - **`类型不同`**:undefined是一种基本数据类型,而null是一个引用类型。 - **`条件判断`**:在条件判断中,使用if (variable === undefined)或者if (variable === null)可以进行区分。
|
3月前
|
JavaScript 前端开发 程序员
分享18个用于处理 null、NaN 和undefined 的 JS 代码片段
Null、NaN 和 undefined 是程序员在使用 JavaScript 时遇到的常见值。 有效处理这些值对于确保代码的稳定性和可靠性至关重要。
|
4月前
|
JavaScript 前端开发 API
null和undefined:两个JavaScript中的特殊值(二)
null和undefined:两个JavaScript中的特殊值
|
4月前
|
JavaScript 前端开发 安全
null和undefined:两个JavaScript中的特殊值(一)
null和undefined:两个JavaScript中的特殊值
|
9月前
null和undefined的区别?
null和undefined的区别?
|
4月前
|
JavaScript
undefined会变为null吗?
undefined会变为null吗?