移动端 vue使用pdfh5报错 cannot read property pdfLoaded of undefined

当在移动端 Vue 应用中尝试使用 pdf.js 的 PDFH5 功能时，遇到 `pdfLoaded` 属性读取错误通常是由于组件初始化时 PDF 文件加载还未完成或者是模块引用存在问题。以下是可能导致这个错误的一些原因及解决建议：

1. **PDF 模块加载不完整**：确保已经正确安装了 `vue-pdf` 或者 `pdfjs-dist` 这样的库，并在需要的地方导入和使用它。

import { PDFViewer } from 'vue-pdf';

export default {
  components: {
    PDFViewer,
  },
}

2. **组件生命周期钩子**：确保你在适当的时候（如 `mounted()` 或 `created()` 中）加载并检查 PDF 是否已加载完成：

<template>
  <div>
    <pdf-viewer ref="pdfViewer" :src="pdfSrc" @load-error="handleLoadError" @pdf-loaded="handlePdfLoaded"></pdf-viewer>
  </div>
</template>

<script>
export default {
  methods: {
    handlePdfLoaded() {
      if (this.$refs.pdfViewer.pdfLoaded) {
        // PDF 已经加载，可以在此处理内容
      } else {
        console.error('PDF is not yet loaded');
      }
    },
    handleLoadError(error) {
      console.error('PDF loading error:', error);
    },
  },
}
</script>

3. **检查`pdfSrc`**：确保提供的 PDF 资源路径是正确的，并且可以从网络或本地访问。

如果上述步骤都已完成但仍出现问题，可能是特定设备或浏览器兼容性导致的。可以试着在浏览器的开发者工具 Network 面板查看资源加载是否成功，或者更新到最新版本的库和Vue看能否解决问题。