Vue+ElementUI使用使用vue-pdf实现预览功能 实现预览功能 主要为大家详细介绍了Vue+ElementUI使用vue-pdf实现预览功能，文中示例代码介绍的非常详细，具有一定的 参考价值，感兴趣的小伙伴们可以参考一下 Vue + ElementUI项目中使用vue-pdf实现简单预览，供大家参考，具体内容如下 1、安装、安装 vue-pdf npm install --save vue-pdf 2、在、在vue页面中导入对应的组件 页面中导入对应的组件 我这是通过点击 预览 按钮 获取id打开一个dialog来实现

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

3、、Controller的返回的返回 @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); } 总结：这个是实现一个简单的预览功能。 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。