- 博客(5)
- 收藏
- 关注
RSS订阅
原创 基于Vue3 + Element Plus项目实现el-table表格操作列自适应宽度组件
在实际的后台管理系统开发中，表格是最常用的数据展示组件之一。如何让操作列的宽度能够自适应按钮的数量和内容长度？宽度设置过小，按钮可能会被挤压或换行宽度设置过大，会浪费表格空间按钮数量动态变化时，固定宽度无法适应本文将介绍如何基于 Vue3 + Element Plus 实现一个智能的表格操作列自适应宽度组件。该组件适用于含有操作列的表格。在某些情况下，按钮可能需要根据数据状态或其他条件动态展示，无法预设固定宽度。操作列组件能根据按钮数量自适应宽度，不需要再手动设置宽度。// 初次挂载时计算。
2025-06-19 19:58:33
2053
原创 Element Plus实现TreeSelect树形选择在不同父节点下子节点有相同id的双向绑定联动
本文介绍了如何实现一个树形选择组件，解决老师跨班级重复选择的问题。作者通过改造数据结构，将每个节点的value改为"父节点value-子节点value"的形式，保证节点唯一性。然后利用TreeSelect组件的check-change和setCheckedKey方法，实现勾选一个老师时自动选中该老师在其他班级的节点。最终通过Set数据结构确保传给后端的老师ID唯一。效果上，虽然UI显示多个勾选，但实际只记录每个老师一次，满足了业务需求。
2025-10-27 11:19:33
920
原创 Vue3+Element Plus，用el-table实现滚动并高亮特定行
在vue3中，当我们使用Element Plus中的el-table表格组件进行开发，想要实现点击或者某个操作后，表格中特定行的数据高亮并自动滚动到当前高亮行。
2024-12-19 14:32:50
1568
原创 项目升级Sass版本或升级Element Plus版本遇到的问题
项目升级Sass版本或升级Element Plus版本遇到的问题如果项目有需求需要用到高版本的Element Plus组件，则需要升级相对应的sass版本，Element 文档中有提示，2.8.5及以后得版本，sass最低支持的版本为1.79.0，所升级sass、sass-loader。Sass在1.80版本以上有语法发生了变化，接下来跟大家聊一下在升级升级Element Plus版本时，同事需要升级Sass版本遇到的问题。
2024-12-06 16:22:57
2295
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人