vue-pdf 获取单页高度

对于使用`vue-pdf`库来获取单页高度，您可以尝试以下方法：

1. 导入所需的依赖：

import pdfjsLib from 'pdfjs-dist';
import VuePDF from 'vue-pdf';

2. 设置`vue-pdf`组件的`on-pages-init`事件监听器：

<template>
  <div>
    <vue-pdf
      :src="pdfUrl"
      @on-pages-init="handlePagesInit"
    ></vue-pdf>
  </div>
</template>

3. 在方法中获取单页高度：

methods: {
  handlePagesInit() {
    const pdfContainer = document.querySelector('.vue-pdf-container');
    const pageContainer = pdfContainer.querySelector('.page');

    const pageHeight = pageContainer.offsetHeight;
    console.log('单页高度:', pageHeight);
  }
}

通过上述步骤，您可以在`handlePagesInit`方法中获取到单页的高度。请确保替换`pdfUrl`为您要加载的PDF文件的URL，并根据需要调整选择器以获取正确的容器和页面元素。

注意：上述代码只是一个简单的示例，您可能需要根据具体的需求进行适当的修改和扩展。