Vue+ElementUI使用vue-pdf实现预览功能

npm install --save vue-pdf

 
     

        
           上一页
         
         
         下一页
        
     当前第{{pdfPage}}页 / 共{{pageCount}}页
    

    

     
  

@RequestMapping(value = "/previewPDF/{contractId}")
  public ResponseEntity previewPDF(@PathVariable Long contractId) throws TException, IOException {
    ContractAttachmentTmpModelDTO model = contractScanManagementRpcService.queryContractAttachmentTmp(contractId);
    HttpHeaders headers = new HttpHeaders();
    headers.setContentDispositionFormData("attachment", model.getAttachmentName());
    headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
    return new ResponseEntity(model.getAttachmentData(),
        headers, HttpStatus.OK);
  }