vue-pdf点击下一页

要实现vue-pdf的翻页功能，你可以使用pdf.js提供的API。具体步骤如下：
1. 在pdf组件中添加一个按钮，用于触发下一页的事件。
2. 在pdf组件中添加一个变量，用于存储当前页码。
3. 在pdf组件的mounted钩子函数中，使用pdf.js加载pdf文件，并将第一页渲染出来。
4. 在下一页的事件处理函数中，将当前页码加1，并使用pdf.js提供的API将下一页渲染出来。

代码示例：

<template>
  <div class="vue-pdf">
    <pdf ref="pdf" src="shanhaijing.pdf"></pdf>
    <button @click="nextPage">下一页</button>
  </div>
</template>

<script>
import pdf from "vue-pdf";

export default {
  components: {
    pdf
  },
  data() {
    return {
      currentPage: 1
    };
  },
  mounted() {
    this.$refs.pdf.load().then(() => {
      this.$refs.pdf.goToPage(this.currentPage);
    });
  },
  methods: {
    nextPage() {
      this.currentPage++;
      this.$refs.pdf.goToPage(this.currentPage);
    }
  }
};
</script>