pdf.vue 518 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <div style="height: 100%;">
  3. <pdf-preview :url="pdfUrl"/>
  4. </div>
  5. </template>
  6. <script>
  7. import PdfPreview from './PdfPreview.vue'
  8. export default {
  9. name: 'PdfView',
  10. components: {
  11. PdfPreview
  12. },
  13. data() {
  14. return {
  15. pdfUrl: '' // 初始化为空字符串
  16. }
  17. },
  18. created() {
  19. // 在组件创建时获取路由信息
  20. this.pdfUrl = this.$route.query.url || ''; // 假设pdfUrl是通过查询参数传递的
  21. console.log( this.pdfUrl,' this.pdfUrl');
  22. }
  23. }
  24. </script>