使用vue-handsontable遇到的坑以及解决办法

在百度上搜了很多关于这个插件的使用方法，有一个写的很详细的！本来已经很详细了，我再添点自己的内容。（ps:英语不好，面向百度编程_(:з」∠)_）：

 

1.安装好之后就直接报错2个：

第一个是es-2015没有模块，所以需要在我们的根目录文件npm install babel-preset-es2015 --save-dev 如果是用脚手架搭的架子，webpack的配置文件不需要再次更改。

第二个是vue-handsontable-official中的HotTable.vue找不到handsontable/dist/handsontable.full.css

这是因为它本身引用的路径有问题，只需要改成 @import "../../handsontable/dist/handsontable.full.css";

解决这2个问题，程序跑起来就没有问题了。

2.ctrl+z的bug

因为插件本身有一个ctrl+z 撤销有bug的问题，解决的办法是加一列，这样能撤销当前单元格的事件，但是不能撤销一次行为！

3.当需要提交数据给后台的时候，需要注意几点：

A.获取表格数据的时候，使用 getSourceData（）这个函数，而不是getData（）；当然，用这个函数的好处是传输数据的时候，能取到自己设置的Key的字段，而不是 “ 0:excelDetectDate”这种key值为数字的值。

设置属性值为这个key值字段，需要在columns中添加一个data属性。

 columns: [
          //添加每一列的数据类型和一些配置
          { dat