vue+element项目中使用el-dialog弹出Tree控件报错问题
2024-08-31 17:28:03
1. 按正常的点击按钮,显示dialog弹出的Tree控件,然后把该条数据下的已经选中的checkbox , 用setCheckedNodes或者setCheckedKeys方法选择上 , 报下面这个错的原因是出在setCheckedNodes(setCheckedKeys)方法这里 , 导致可以弹出Tree控件但是已选择的checkbox没有选中(点击两次就会选中 ~ ~)
vue.runtime.esm.js:567 [Vue warn]: Error in event handler for "click": "TypeError: Cannot read property 'setCheckedNodes' of undefined" found in ---> <ElButton> at packages/button/src/button.vue
<ElTableBody>
<ElTable> at packages/table/src/table.vue
<ElTabPane> at packages/tabs/src/tab-pane.vue
<ElTabs> at packages/tabs/src/tabs.vue
<UserPermissions> at D:\git-project\p2p-manager\src\views\userPermissions\index.vue
<Conf> at D:\git-project\p2p-manager\src\views\conf\index.vue
<App> at D:\git-project\p2p-manager\src\app.vue
<Root>
2.错误原因是dom元素还没有加载完,你就想使用 setCheckedKeys 设置目前勾选的节点。也就是你写的this.$refs.tree.setCheckedKeys(list); 这个里面的 tree 还没有加载出来。
3. 解决方法
this.$nextTick官方解释:将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。
this.$nextTick(() => {
this.$refs.tree.setCheckedKeys(list)
});
最新文章
- Ruby基本类型
- jquery选择器和基本语句
- iOS-ARC项目使用非ARC文件 MRC项目使用ARC文件
- JS判断终端设备跳转PC端、移动端相应的URL
- -05 08:57 ARCGIS地统计学计算文件后缀名为.shp文件制作
- [ios][swift]使用swift闭包进行viewcontroller反向传值
- 越狱Season 1-Episode 19: The Key
- [RxJS] Transformation operator: scan
- windows7实用快捷键 分类: windows常用小技巧 2014-04-18 14:34 169人阅读 评论(0) 收藏
- TabBarController创建及使用方法简介
- NYOJ 16 矩形嵌套(动态规划)
- lightoj 1408 Batting Practice
- linux基础随笔
- linux JDK或JRE安装或配置
- Oracle存储过程跨用户执行查询报错
- airflow 笔记
- windows Apache服务器简单配置虚拟域名(转载)
- 1,rocketmq 的原理与安装教程
- fresco加载本地图片、gif资源
- Const vs. Readonly
热门文章
- 解决C++项目使用sqlite中文乱码问题
- oracle 使用db_link 导入导出小结
- 论文阅读计划1(Benchmarking Streaming Computation Engines: Storm, Flink and Spark Streaming &; An Enforcement of Real Time Scheduling in Spark Streaming &; StyleBank: An Explicit Representation for Neural Ima)
- 为何只能在其关联的线程内启动timer?(Qt会检查一致性,否则就不执行)
- 通过内核对象在服务程序和桌面程序之间通信的小问题 good
- ADMethodsAccountManagement 一些简单注释添加
- Md2All:好用的markdown文件转换工具,文章迁移微信公众号的利器
- SYN6101型 RS485子钟
- 高并发 Nginx+Lua OpenResty系列(7)——Lua开发库json
- (Demo分享)利用原生JavaScript-随机数-实现做一个烟花案例