vue-pdf 预览pdf格式的文件

需求：预览pdf格式的文件

实现：

一 安装

npm install --save vue-pdf

二 引入

import pdf from 'vue-pdf' // 哪个组件用到 在那个里面引入即可

       

          

            上一页
            {{pageNum}}/{{pageTotalNum}} //pageNum 当前页 ，pageTotalNum 总页数
            下一页
          
          
          
        

 export default {
    name: "viewAnswerCard",
    components:{papersBg,pdf},
    data(){
      return{
        pdfUrl: '',
        pageNum:1,
        pageTotalNum:1
      }
    },
    created() {
      this.getData();
    },
    methods: {
        //这里的文档地址是接口返回的
      getData(){
        this.$axios.get(dealUrl).then((res)=>{
          this.pdfUrl = res.data.data.path;
        }).catch()
      },
      prePage(){
        if(this.pageNum>1){
          var p = this.pageNum
          p = p>1?p-1:this.pageTotalNum
          this.pageNum = p
        }
      },
      nextPage(){
        if(this.pageNum