uniapp 使用 vue-pdf预览pdf 并制定 vue-pdf插件的版本

以下是在uni-app中使用vue-pdf预览pdf并指定vue-pdf插件版本的方法：

1. 安装vue-pdf插件

npm install vue-pdf@0.8.13 --save

2. 在需要使用pdf预览的页面中引入vue-pdf组件

<template>
  <div>
    <pdf :src="pdfUrl" :page="1" :total-pages="totalPages"></pdf>
  </div>
</template>

<script>
import pdf from 'vue-pdf'

export default {
  components: {
    pdf
  },
  data() {
    return {
      pdfUrl: 'http://cn.createpdfonline.org/pdffiles/test(20211215094117).pdf',
      totalPages: 0
    }
  },
  mounted() {
    this.$nextTick(() => {
      this.totalPages = this.$refs.pdf.numPages
    })
  }
}
</script>

3. 在mounted钩子函数中获取pdf总页数

mounted() {
  this.$nextTick(() => {
    this.totalPages = this.$refs.pdf.numPages
  })
}

4. 在页面中使用vue-pdf组件

<pdf :src="pdfUrl" :page="1" :total-pages="totalPages"></pdf>