效果如下:
luckysheet 功能真的強大,幾乎實現了在頁面編輯excel的,下面是我做的demo,利用vue+luckysheet實現。
luckysheet官網:https://mengshukeji.github.io/LuckysheetDocs/
demo我已經傳到github,可以直接拉取:https://github.com/weboldboy1994/EXCELdemo.git
注意事項:
1:一定要將luckysheet中需要配置的文件放到 public中(vue框架中要這樣放),因為現在luckysheet還沒有發布出模塊化的開發,不能使用npm,所以只能手動放了。。。。
2:像echars的寫法一樣,需要引入一個“畫板”
3: 初始化excel
container:為id容器,與畫板中的id相對應
title:是表頭名
lang:為語言 en / zh
這些是最基本的配置,具體其他配置自己去luckysheet的官網去查找。 這些搞定,就可以實現一個最簡單的excel表格了。