怎么快速创建一个SpreadJS的Vue项目

本篇内容主要讲解“怎么快速创建一个SpreadJS的Vue项目”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么快速创建一个SpreadJS的Vue项目”吧!

成都创新互联公司于2013年开始,先为泽库等服务建站,泽库等地企业,进行企业商务咨询服务。为泽库企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

安装vue-cli(耗时30S)

通过命令```npm install -g @vue/cli ```安装(https://)

创建vue-spreadjs工程(耗时1Min)

请根据项目需求配置工程选项:

通过npm install 或者在package.json中添加引用的方式安装spread.sheets(耗时20S)

"@grapecity/spread-excelio": "^11.2.3",
"@grapecity/spread-sheets": "^11.2.3",
"@grapecity/spread-sheets-print": "^11.2.3",
"@grapecity/spread-sheets-resources-zh": "^11.2.3",
"@grapecity/spread-sheets-vue": "^11.2.3",

修改router/index.js为spreadJS页面添加router(耗时30S)

routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
},
{
path: '/spreadjs',
name: 'spreadJS',
component: SpreadJS
}
]

新建SpreadJS Component(耗时30S)

请在 components 下添加SpreadJS.vue文件

template 内容:

Style内容:

Script内容:

workbookInitialized是spread初始化完成后的回调事件,我们可以在事件中得到初始化好的workbook对象。

部署授权需要同时给Sheets和ExcelIO同时添加,部署授权可以在全局config中配置。

到此,相信大家对“怎么快速创建一个SpreadJS的Vue项目”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


当前标题:怎么快速创建一个SpreadJS的Vue项目
网站链接:http://pwwzsj.com/article/jpeodi.html