减少不必要的渲染:在展开行时,避免不必要的DOM操作,以提高性能。 提供清晰的视觉反馈:在行展开或收起时,提供清晰的视觉反馈(如动画效果),以增强用户体验。 支持键盘操作:为可访问性考虑,可以添加键盘操作的支持,使用户能够通过键盘来展开或收起行。 通过以上步骤,你可以实现el-table的展开与收起功能,并根据需要进行...
// 手动设置列展开时,禁止展开动画 _this16.isExpanding = true; _this17.isExpanding = true; setTimeout(function () { _this16.isExpanding = false; _this17.isExpanding = false; }, 10); }); }, @@ -1879,31 +1889,31 @@ var script$2 = { return this.cellFixedStyle(data, true); ...
// 如果点击行的行为是展开,并且是需要懒加载子节点数据,则异步加载 if (row.treeExpand && row.lazy) { // 加载动画 this.$refs.treeTable.setTreeChildrenLoading(row); setTimeout(() => { const children = [ { id: 12, title: "标题1-3-1", children: [ { id: 13, title: "标题1-3-1...