PDF 查看器 | uView Next - 全面兼容 nvue 的 uni-app 生态框架

# 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>
✅ Copy success!


## 注意事项

1. **文件格式**：确保传入的URL指向有效的PDF文件
2. **网络访问**：PDF文件需要能够通过网络访问
3. **跨域问题**：某些情况下可能需要处理跨域访问问题


## 页面源码地址

:::tip 页面源码地址
<br/>

<a href="https://github.com/Yeloa/uview-next/blob/master/pages/componentsB/pdf-viewer/pdf-viewer.nvue" target="_blank" style="display: flex;align-items: center">
   <img height="30" src="/common/github.svg" title="github" width="30"/>&nbsp;github
</a>

<a href="https://gitee.com/wakge/uview-next/blob/master/pages/componentsB/pdf-viewer/pdf-viewer.nvue" target="_blank" style="display: flex;align-items: center;margin-top: 10px">
   <img height="30" src="/common/gitee.svg" title="github" width="30"/>&nbsp;gitee
</a>

<br/>
:::

## API

### Props

| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|:-----|:-----|:-----|:-------|:-------|
| url | PDF文件的URL地址 | String | '' | - |

✅ Copy success!

← 更新日志 Barcode 条形码 →

# PDF 查看器 新

# 平台差异说明

# 基本使用

# PDF 查看器新