Vue+ant-design-vue 表格实现可拖动的伸缩列

        应客户要求，表格要实现列宽可以自主调节，用户可以根据自己的喜好，拖动列边框，左右拖动实现列宽的扩大和缩小；ant-design-vue官方文档中，table组件中提供了此功能的示例代码。于是我满怀开心的复制到了我的项目中，结果处处报错，红彤彤的一大片。在修改无果后，我去请教了 无所不会的网友 最后整理了一套可用的。

        这篇笔记以 步骤 的形式一步一步的记录如何实现这个功能。有需要的小伙伴可以按照步骤走一遍。

        步骤一：安装集成的 vue-draggable-resizable 插件

npm install --save vue-draggable-resizable

        步骤二：在项目的main.js中引入插件

// 挂载全局使用的方法
import VueDraggableResizable from 'vue-draggable-resizable'
Vue.component('vue-draggable-resizable', VueDraggableResizable)

        步骤三：在使用页面中重新引入根vue实例和插件

import Vue from 'vue'
import VueDraggableResizable from 'vue-draggable-resizable'

注：你可能觉得在main.js中已经引入了插件并且定义成了全局的方法，在这里引入会多此一举。但是我实验过，在使用页面中如果不引入，插件就不能使用&