ant-design-vue 表格(拖拽)伸缩列实现

表格拖拽应该是个很基础的功能了，一般功能全一些的table插件都会带着，并且文档也简洁易懂，然而，我却在ant-design-vue这个ui组件库碰了壁，官方表格伸缩列示例粘贴过来会报错的好嘛，再加上这个功能甲方爸爸提了很多次，就不得不勇敢面对了！！那就让我用baidu、google + c v 大法来解决下，结果网上的文章不是不能用就是不好用，那就只能靠自己了，下面就把代码贴上，在贴上前，要先安装两个jsx的插件和vue-draggable-resizable拖拽插件，很简单，命令如下

npm install --save-dev @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props   
//或者
yarn add @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props -D  
//然后 安装vue-draggable-resizable插件 注意版本号是2.1.0
npm install [email protected]
//或者
yarn add [email protected]

然后新建个vue文件，把下面代码粘上去

好了，现在你在看看是不是可以拖拽了？不行？留言我来帮你解决