在日常项目中，技术栈为element-ui，发现常见el-table需要用到虚拟列表，所以结合一下，输出一个虚拟列表 + El-table

背景 大家在日常开发中应该经常会有需要切换不同环境地址的情况。当一个项目代码切换环境地址时，vue-cli没有能够感知文件的变化，所以代理的还是旧的地址，所以通常我们需要执行npm run serve

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

vue预览word，excel，pptx，pdf文件 1、做word，excel，pptx的预览，要先确定文件路径访问是通过域名的url来预

注：此方法能够导出多级表格，默认已安装ElementUI。 注:表格导出实现解释，给展示表格添加选择功能，通过handleSelectionChange函数将选中数据与selectData绑定，在选中需要导出数据后点击导出按钮，展示el-dialog并将selectData数据…

当我们使用 el-table 组件时，需要用到拖拽排序的需求时，虽然 el-table 自带支持按列排序，但是当我们自己拖拽进行排序时，现有组件是无法满足的，这个时候我们就需要SortableJS。

目前，市面上主流的Vue组件库大概就是iview, element。 当然，heyui不在范围内，38个star屈指可数，大部分还是认识的同事。 更可恶的还是骗不来后端同学的star，心塞。 element，iview都支持按需加载。 heyui不支持。 关于支不支持按需加载，…

看名字就知道了，是让element-ui的table可拖拽的容器组件 项目地址 el-table-draggable 让vue-draggable支持element-ui中的el-table demo

渲染树形数据时，必须要指定 row-key和isTreeTable属性， row 中包含 children字段。 支持子节点数据异步加载。设置 Table 的 lazy 属性为 true 与加载函数 load 。通过指定 row 中的 hasChildren 字段来指定哪些行是…