vue2+antd框架，实现表格拖动改变列宽

​

项目场景：

项目场景：vue2+antd框架，实现表格拖动改变列宽

---

问题描述

表格数据过多时，通过改变列宽实现展示完整数据的需求

解决方案：

1，vue-draggable-resizable 插件

链接：https://www.cnblogs.com/wangRong-smile/articles/14841027.html

原理：监听鼠标拖动事件，js手工写入虚拟dom（dom上更改css属性），属于最耗性能的动画，缺陷是真的很卡，不推荐

2，vue-draggable-resizable 插件

官方文档：vxe-table v3

原理：拖动时不实时更新，松开鼠标才会渲染新的视图。根据文档注意使用版本就行