NPM install for GridPdfExport for Vue 2.0

[Jim]

Here (below) is my attempt to "use" the Grid's PDF export feature.   I'm getting the error:   Property 'save' does not exist on type 'Vue | Element | Vue[] | Element[]'.
Property 'save' does not exist on type 'Vue'.Vetur(2339)

here is my function...

    private exportPDF() {
      (this.$refs.GridPdfExport).save(this.rosterItems);
    }

So is this because the GridPdfExport requires Vue 3.0?   (we are currently on Vue 2.0 current)

 

PS C:\Dev Projects\HealthQlix\Scheduler> npm install --save @progress/kendo-vue-pdf
npm WARN @progress/kendo-vue-excel-export@1.1.0 requires a peer of vue@^3.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-vue-common@1.1.0 requires a peer of vue@^3.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN vue-jest@3.0.6 requires a peer of babel-core@^6.25.0 || ^7.0.0-0 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-vue-pdf@1.1.0 requires a peer of vue@^3.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-vue-common@1.1.0 requires a peer of vue@^3.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\mochapack\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\fork-ts-checker-webpack-plugin\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ @progress/kendo-vue-pdf@1.1.0
updated 1 package and audited 2057 packages in 16.163s

[Martin]

Hello Jim,

Could you please provide a small runnable example where we can investigate the problem? As far as I can see the issue is not related to Vue 3.0, but we will need to do some testing before saying for sure.

Looking forward to your reply.

Regards,
Martin
Progress Telerik

[Jim]

I finally figured it out...

I'm using typescript. So in the example, you use the reference to the GridPdfExport save method. But this does not work in typescript without a slight modification to declare the GridPdfExport as "any"...

private exportPDF() {
      (this.$refs.GridPdfExport any).save(this.rosterItems);
}

 

...this works

[Plamen]

Hello,

Thank you for sharing the solution with the community.

Regards,
Plamen
Progress Telerik