最近项目要实现一个拖拽效果，表格拖拽，网上有比较多的现成方案，但都是对原生的表格进行拖拽的，但我们的项目的表格已经基于Element表格去实现的，但是Element的API并没有实现单元格拖拽。 那怎么办呢？如果用原生表格去实现，样式和方法要重写，不利于日后的维护和开发。那来看…

方法一效果图：优点利用三维数组，单元格实现合并行或列缺点但是myMappings是写死的，不是动态生成的方法二elementtable行合并通用方法效果图优点只需要传递需合并字段的prop值，就能实现

1.el-table拖动表格改变列宽度,有时出现表格错位，解决方法加入以下css样式2.同一个vue文件使用多个相同element-ui组件的时候需要加上唯一标识key值不然会出现相互影响的bug

这是 Element-UI 的 Transfer 组件，下面就配合源码看下具体实现。 整体上，可以划分为左中右三块，左右两个 TransferPanel 组件承载数据展示。中间两个 ElButton 是左右移动的操作按钮。结构清晰。 mixins 部分混入了三个对象。Local…

背景 前端一般的表格样式都是横向表头，数据纵向排列，一一对应的形式出现 纵向表格这种情况的需求也是会经常存在出现的。如下图，需要几个数据间进行对比展示 纵向表格效果如图

Element:uploadupload组件实现

Element-ui Tree 用清晰的层级结构展示信息，可展开或折叠。 Tree Attributes 参数 说明 类型 可选值 默认值 data 展示的数据 Array — — node-key

前两天在开发一个管理后台项目时， 遇到了一个问题，后端接口返回特别慢，由于该接口调用的是第三方API，无法通过后端去处理。此时想到用loading动画

需求描述：如图所示，upload 只是用来选择文件，在点击提交的时候再和其他的数据统一上传，并且要限制该文件只能上传一个，为用户最后选择的那个文件。 继续看官方文档，有个 file-list 属性，指的是上传文件的列表，🉑 ️ 通过文件状态改变时的钩子 on-change 方…