el-table手动触发懒加载

ops/2024/12/12 16:44:29/

二次修改了一下,确保点击某一单元格格元素触发

javascript">// 隐藏懒加载箭头后手动触发懒加载
expandRows(scope){scope.row.isExpanded = !scope.row.isExpanded // 切换展开状态let isExpanded = scope.row.isExpandedconst { table: { toggleRowExpansion, store }} = this.$refs;const { states: { lazy, treeData, rowKey }, assertRowKey, loadData } = store            const id = getRowIdentity(scope.row, rowKey)const data = treeData[id]if (isExpanded) {// 懒加载则调用懒加载if (lazy && data && 'loaded' in data && !data.loaded) {return loadData(scope.row, id, data)}}// 其余调用el-table的展开方法return toggleRowExpansion(scope.row, isExpanded)function getRowIdentity(row, rowKey) {if (!row) throw new Error('row is required when get row identity');if (typeof rowKey === 'string') {if (rowKey.indexOf('.') < 0) {return row[rowKey];}let key = rowKey.split('.');let current = row;for (let i = 0; i < key.length; i++) {current = current[key[i]];}return current;} else if (typeof rowKey === 'function') {return rowKey.call(null, row);}}
}

参考链接:el-table 树形数据 懒加载模式下一键展开_togglerowexpansion lazy-CSDN博客


http://www.ppmy.cn/ops/141287.html

相关文章

Ionic 8.4 简介

Ionic 是一个用于开发混合移动应用、渐进式Web应用&#xff08;PWA&#xff09;以及桌面应用的开源框架。它结合了 Angular、React 或 Vue.js 等现代前端框架与 Cordova/PhoneGap 的力量&#xff0c;允许开发者使用 Web 技术&#xff08;HTML, CSS, JavaScript&#xff09;构建…

MacBook Pro触控板按不动解决方法

MacBook Pro突然触控板就不好使了。指针可以正常移动&#xff0c;但是触控板按不动了&#xff0c;想到之前风扇狂转的问题通过重置 SMC解决的&#xff0c;于是尝试重置 SMC&#xff0c;竟然搞定了&#xff01; 大家有类似的问题可以尝试重置 SMC &#xff08;以下问题也可以尝…

解决Vue项目中npm install卡住问题的详细指南

解决Vue项目中npm install卡住问题的详细指南 引言 在开发Vue项目时&#xff0c;我们经常会遇到npm install命令卡住的问题&#xff0c;特别是在构建依赖树时。本文将分享一些实用的解决方案&#xff0c;帮助您快速解决这一常见问题。 问题描述 在执行npm install时&#xf…

「嵌入式系统设计与实现」书评:学习一个STM32的案例

本文最早发表于电子发烧友论坛&#xff1a;【新提醒】【「嵌入式系统设计与实现」阅读体验】 学习一个STM32的案例 - 发烧友官方/活动 - 电子技术论坛 - 广受欢迎的专业电子论坛!https://bbs.elecfans.com/jishu_2467617_1_1.html 感谢电子发烧友论坛和电子工业出版社的赠书。 …

蓝桥杯软件赛系列---lesson1

&#x1f308;个人主页&#xff1a;羽晨同学 &#x1f4ab;个人格言:“成为自己未来的主人~” 我们今天会再开一个系列&#xff0c;那就是蓝桥杯系列&#xff0c;我们会从最基础的开始讲起&#xff0c;大家想要备战明年蓝桥杯的&#xff0c;让我们一起加油。 工具安装 DevC…

Ubuntu安装grafana

需求背景&#xff1a;管理服务器&#xff0c;并在线预警&#xff0c;通知 需求目的&#xff1a; 及时获取服务器状态 技能要求&#xff1a; 1、ubuntu 2、grafana 3、prometheus 4、node 步骤&#xff1a; 一、grafana安装 1、准备系统环境&#xff0c;配置号网络 2、…

第二章、数值

无符号和有符号整数 显式转换时&#xff0c;底层二进制值不变&#xff0c;只是应用层解释不一样隐式转换时&#xff0c;基本所有运算符都是把其中的有符号转为无符号&#xff0c;底层二进制值不变扩展时&#xff0c;无符号高位补0, 有符号高位补符号位&#xff0c;举个3bit的i…

TikTok无网络黑屏原因及解决方法

TikTok运营中最常见的问题就是出现黑屏和“Something went wrong”“No internet connection”等字样&#xff0c;这时TikTok往往已经无法正常使用&#xff0c;大大影响运营流程。那么这种情况是什么原因&#xff0c;又有什么解决办法&#xff1f; 一、无网络黑屏原因 1.‌地理…