想要在 Vue 中实现一个这样的无限级树形选择器其实并不难，关键点在于利用 递归组件 和 高阶事件监听，下面我们就一步步来实现它。

最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间的文字，选择保留后缀这种方案

今天分享几个后台管理系统开发中切实有用的、提升用户体验的、容易忽略的小细节，以及分享几个常用组件。 技术框架：vue3+ElementUI 表格交互优化项

工作中，刚好接手到一个需求，类似抖音出品的飞书软件中，组织架构选人的组件实现。看着似乎有些难度，但是仔细分析后，发现并不是很难，而且还跟我的另外一篇Vue: 如何实现树状收展及勾选联动功能，同样的原理

经常的，我们在日常工作中，会使用第三方UI组件库，比如：element-ui、vant-ui、iview、ant-design等等。不管是为了业务考虑还是单纯的为了提高效率，我们会把一些经常用到

前言 📖 在公司经常接触到后台管理系统的开发，基本上 90% 以上都是 table 页面，业务逻辑也基本上一样。刚开始也想的是找一个基于 element 二次封装的 el-table

前言 很多业务中有类似表格的操作，尤其是类似后台操作的业务产品等更需要将表格封装起来，以此减轻代码工作量提升开发效率，而且还能统一修改表格样式等等。 这里以ElementUI组件库为前提封装 如图所示

一、封装带右键菜单的Tree组件 Tree.vue文件 二、在组件中引入，并使用刚刚封装的Tree组件 :treeList="treeList" 绑定树形菜单列表 :contextMenu="cont