luckysheet 实现Excel在线编辑

　　有些时候我们在开发时会需要用到Excel在线编辑功能，在此我给各位小伙伴推荐luckysheet

　　vue使用luckysheet教程

　　引入

在index.html进行JS以及css的引入

　　组件生成

在你项目的公共组件文件夹中创建一个组件用于存放你的luckysheet，便于调用

h3 {

margin: 40px 0 0;

}

ul {

list-style-type: none;

padding: 0;

}

li {

display: inline-block;

margin: 0 10px;

}

a {

color: #42b983;

}

组件调用

在你需要此功能的页面进行组件引入

Excel表格参数获取

如果需要将Excel里面的参数传给后台，则需要用到luckysheet.getAllSheets()来进行数值获取

数值设置

如果后台返回数值给你，你需要进行数值展示，则需要你进行一个组件之间的传值就可以实现这个效果了

在此过程中，需要注意后台返回的接口数据与你传给后台的是否一致，以及在设置时是否为数组。