关于vue+element-ui 表格行内编辑踩过的坑

本人踩的坑，给大家总结一下，

一、先去百度网盘去下载所需的组件。链接: https://pan.baidu.com/s/1extMr-Rx2CeVdJsskDhfqw 提取码: tbfw ），如果想要该版本的代码请上百度网盘去下载源码包 https://pan.baidu.com/s/1wpbBVWZHt4k_IXScPcFaew 提取码: 7vsa，如果还想要其他版本请上博主的gitHub去下载 https://github.com/xuliangzhan/vue-element-extends

二、解压后把以下文件夹放在自己项目上：Editable、EditableColumn、editable-column.css、editable.css

三、放在自己项目上后注意要更改Editable、EditableColumn两个文件夹中里面 引入的css样式

再贴上博主的源码

 

 

 

后面增加该插件的依赖

npm install xe-utils vue-element-extends --save

就可以跑项目了，如果项目访问的时候报cannot  create property 'header' on boolean 'true'的情况下记得把项目中这几个文件夹删掉

1.  删除项目中的 node_modules

2. 删除 package-lock.json

3. npm cache clean --force

最后在安装一次重跑就好

 npm install

附上效果图！