Even if you have registered your license key, it will appear as a trial version when you save the spreadsheet.
The sample code using vue2 and the exported screenshot are attached.
The license key is actually using the generated license key.
<main.js>
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import { SpreadsheetPlugin } from '@syncfusion/ej2-vue-spreadsheet'
import { registerLicense } from '@syncfusion/ej2-base'
registerLicense('licenseKey........') // I used an actual generated key here
Vue.config.productionTip = false
Vue.use(SpreadsheetPlugin)
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
<App.vue>
<template>
<div id="app">
<div class="control-section">
<div class="default-section">
<ejs-spreadsheet
id="spreadsheet"
ref="spreadsheet"
:openUrl="openUrl"
:saveUrl="saveUrl"
:allowSave="true"
locale="en"
height="600px"></ejs-spreadsheet>
</div>
</div>
<!-- <img src="./assets/logo.png">
<router-view/> -->
</div>
</template>
<script>
import '@syncfusion/ej2-vue-spreadsheet/styles/material.css'
import '@syncfusion/ej2-base/styles/material.css'
import '@syncfusion/ej2-buttons/styles/material.css'
import '@syncfusion/ej2-calendars/styles/material.css'
import '@syncfusion/ej2-dropdowns/styles/material.css'
import '@syncfusion/ej2-inputs/styles/material.css'
import '@syncfusion/ej2-navigations/styles/material.css'
import '@syncfusion/ej2-lists/styles/material.css'
import '@syncfusion/ej2-popups/styles/material.css'
import '@syncfusion/ej2-splitbuttons/styles/material.css'
import '@syncfusion/ej2-grids/styles/material.css'
export default {
name: 'App',
data: function () {
return {
openUrl: 'https://ej2services.syncfusion.com/production/web-services/api/spreadsheet/open',
saveUrl: 'https://ej2services.syncfusion.com/production/web-services/api/spreadsheet/save'
}
}
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>