# PDF 查看器 
该组件基于 pdf.js
库实现,通过webview嵌入HTML页面实现预览PDF文件。
# 平台差异说明
App(vue) | App(nvue) | H5 | 小程序 |
---|---|---|---|
x | x | √ | x |
重要提示
此组件目前处于内测阶段,仅支持H5端使用。由于组件体积较大,为避免影响框架整体包大小,默认未包含在框架中。如需使用,请加入QQ群获取组件包并手动安装。
# 基本使用
通过 url
属性传入PDF文件的地址来显示PDF内容:
<template> <view> <u-pdf-viewer :url="pdfUrl"></u-pdf-viewer> </view> </template> <script> export default { data() { return { pdfUrl: 'https://example.com/sample.pdf' }; } }; </script> <style scoped> </style>
✅ Copy success!
# 注意事项
- 文件格式:确保传入的URL指向有效的PDF文件
- 网络访问:PDF文件需要能够通过网络访问
- 跨域问题:某些情况下可能需要处理跨域访问问题
# 页面源码地址
# API
# Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
url | PDF文件的URL地址 | String | '' | - |