Vuejs + vue-html2pdf: window 未定义
Vuejs + vue-html2pdf: window is not defined
我无法让插件工作。如 these instructions 所述,我在我的 vue 组件中导入了 vue-html2pdf:
import VueHtml2pdf from 'vue-html2pdf
我在我的组件的组件列表中注册了它:
components: { VueHtml2pdf }
这是我的方法:
methods: {
generatePDF () {
if (process.browser) {
this.$refs.html2Pdf.generatePdf()
}
}
}
这是我的模板:
<v-btn class="mt-5" @click="generatePDF">
Télécharger le catalogue
</v-btn>
<client-only>
<vue-html2pdf
ref="html2Pdf"
:enable-download="true"
filename="hee hee"
:manual-pagination="false"
>
<section slot="pdf-content">
<!-- PDF Content Here -->
</section>
</vue-html2pdf>
</client-only>
但是我得到这个错误:
window is not defined
请问我在这里遗漏了什么?一个答案可以挽救我的工作,任何帮助将不胜感激...
截图如下:
包版本
"vue-html2pdf": "^1.8.0",
如前所述,我直接使用了 html2pdf(没有 vue 包装器)并且一切正常。
希望这会对某人有所帮助!
我无法让插件工作。如 these instructions 所述,我在我的 vue 组件中导入了 vue-html2pdf:
import VueHtml2pdf from 'vue-html2pdf
我在我的组件的组件列表中注册了它:
components: { VueHtml2pdf }
这是我的方法:
methods: {
generatePDF () {
if (process.browser) {
this.$refs.html2Pdf.generatePdf()
}
}
}
这是我的模板:
<v-btn class="mt-5" @click="generatePDF">
Télécharger le catalogue
</v-btn>
<client-only>
<vue-html2pdf
ref="html2Pdf"
:enable-download="true"
filename="hee hee"
:manual-pagination="false"
>
<section slot="pdf-content">
<!-- PDF Content Here -->
</section>
</vue-html2pdf>
</client-only>
但是我得到这个错误:
window is not defined
请问我在这里遗漏了什么?一个答案可以挽救我的工作,任何帮助将不胜感激...
截图如下:
包版本 "vue-html2pdf": "^1.8.0",
如前所述
希望这会对某人有所帮助!