vue-pdf 加载进度

vue-pdf 是一个用于在 Vue.js 应用程序中显示 PDF 文件的插件。它提供了一个 <pdf> 组件，可以通过指定 PDF 文件的 URL 或文件对象来加载和显示 PDF。

关于 vue-pdf 的加载进度，它并没有直接提供加载进度的功能。但是你可以通过监听加载事件来实现加载进度的显示。具体步骤如下：

1. 在 <pdf> 组件上添加一个加载事件监听器，例如 @loaded="onLoaded"。
2. 在 Vue 实例中定义一个 data 属性，用于保存加载进度的值，例如 progress。
3. 在 onLoaded 方法中，通过 event 对象获取到加载进度的百分比，并将其赋值给 progress 属性。
4. 在模板中使用 progress 属性来显示加载进度。

下面是一个示例代码：

<template>
  <div>
    <pdf src="path/to/pdf" @loaded="onLoaded"></pdf>
    <div v-if="progress !== 100">{{ progress }}%</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      progress: 0,
    };
  },
  methods: {
    onLoaded(event) {
      this.progress = Math.floor((event.loaded / event.total) * 100);
    },
  },
};
</script>

在上面的示例中，当 PDF 加载完成时，会触发 loaded 事件，并调用 onLoaded 方法来更新加载进度。加载进度会以百分比的形式显示在页面上。

希望以上信息对你有帮助！如果你还有其他问题，请继续提问。